使用vue-cli webpack 快速搭建项目的代码
2019-01-26 00:11
1171 查看
一、安装vue
npm install vue -g
二、用vue-cli快速搭建项目
//全局安装vue-cli npm install install -g vue-cli //创建一个基于webpack模板的项目 vue init webpack [demoname] ? Project name (xxx) ? Project name xxxx ? Project description (A Vue.js project) ? Project description A Vue.js project ? Author (xj <x@xm.com>) ? Author xx <x@xlm.com> ? Vue build (Use arrow keys) ? Vue build standalone ? Install vue-router? (Y/n) y ? Install vue-router? Yes ? Use ESLint to lint your code? (Y/n) n ? Use ESLint to lint your code? No ? Set up unit tests (Y/n) n ? Set up unit tests No ? Setup e2e tests with Nightwatch? (Y/n) n ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recom ? Should we run `npm install` for you after the project has been created? (recom mended) npm vue-cli ・ Generated "paixiaoyang_backstage". # Installing project dependencies ... # ======================== npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes andnew features! npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. > uglifyjs-webpack-plugin@0.4.6 postinstall F:\work\paixiaoyang_backstage\paixiaoyang_backstage\node_modules\webpack\node_modules\uglifyjs-webpack-plugin > node lib/post_install.js npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) added 1127 packages from 646 contributors and audited 10642 packages in 157.659s found 2 vulnerabilities (1 moderate, 1 high) run `npm audit fix` to fix them, or `npm audit` for details # Project initialization finished! # ======================== To get started: cd xxxx npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
三、进入项目运行
cd xxxx //运行 npm run dev
四、在浏览器上打开localhost:8080
总结
以上所述是小编给大家介绍的使用vue-cli webpack 快速搭建项目的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- vue学习笔记(一)使用npm,webpack,vue-cli搭建vue项目
- webpack搭建的vue-cli项目如何使用sass?
- 使用vue-cli快速创建vue+webpack项目
- vue-cli webpack 快速搭建项目
- vue-cli+webpack在生成的项目中使用bootstrap实例代码
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue+webpack+vue-cli+WebStrom 项目搭建
- vuex在vue-cli和webpack构建的项目中的简单使用
- WEB前端 vue学习一使用 vue-cli 搭建项目
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- 使用ES6+vue+elementui+webpack搭建简单项目
- webpack + vue-cli 搭建 vue 项目的流程
- 使用vue脚手架工具搭建vue-webpack项目
- 使用vue-cli+webpack搭建VUE开发环境
- vue-cli和webpack项目搭建
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- vue-cli webpack模板项目搭建以及打包时路径问题的解答
- 使用vue-cli+webpack搭建vue开发环境的方法
- vue-cli + webpack + sass 搭建一个工程化项目