vue-cli
用vuel-cli命令快速搭建vue+webpack项目。
步骤
npm install -g vue-cli
- 搭建一个简单的vue项目:
vue init webpack-simple my-webpack-simple-demo
- 搭建一个完整的vue项目:
vue init webpack my-webpack-demo
\
项目建立好之后,运行如下命令,启动项目:
npm install
npm run dev
- 打开游览器访问
localhost:8080
如果在发布环境,需要生成build文件,运行命令npm run build
。
参考文献:Vue.js——60分钟webpack项目模板快速入门