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