468501370.jpg
初始化基于nodejs+webpack+vue的项目
安装环境
- node
- npm
- webpack
- vue-cli(脚手架)
首先安装vue-cli
$ npm install -g vue-cli
初始化项目
使用vue-cli会自带模板，如webpack,webpack-simple模板
1.webpack模板
在控制台输入以下指令，一路回车即可，或者根据自己需要更改相应名称：
vue init webpack vuedemo
vue init webpack为命令+项目名称（如vuedemo）,如下图所示:
屏幕快照 2017-02-28 上午9.40.01.png
屏幕快照 2017-02-28 上午9.42.48.png
屏幕快照 2017-02-28 上午9.44.10.png
安装完成后，进入项目目录，并安装相关依赖包
cd vuedemo
npm install
项目跑起来
npm run dev
发布项目
npm run build
生成dist目录如下图，
屏幕快照 2017-02-28 下午4.01.39.png
可直接将dist目录发布。
2.webpack-simple模板
命令和以上一样，生成目录如下图所示：
屏幕快照 2017-02-28 上午9.47.05.png
参考文章：http://www.cnblogs.com/Leo_wl/p/5679680.html
http://blog.csdn.net/fungleo/article/details/53171614
网友评论