vue+webpack初体验

step1:

检查本地是否安装node: node -v

没有安装先安装最新的node。

如果已经安装了想要升级，可以先安装n模块，用n模块来升级

安装n模块 ：  npm install -g n

升级 n stable

n后面也可以跟版本号更新到指定版本 比如 n v0.10.26

step2:

检查npm版本 ：npm -v

如果版本低可以升级：npm install -g npm

step3:

安装webpack，推荐全局安装：npm install webpack -g

step4:

安装vue-cl：npm install vue-cli -g

step5:       //如果上面的都准备好了，可以把这个当成step1

cd到一个你准备放文件的文件夹

创建项目: vue init webpack 工程名（其中webpack是模板名，有这些模板webpack，webpack-simple ，browserify ，browserify-simple ，simple，这里使用webpack作为示例）

接下来会有询问，默认的直接回车，有要选择的根据需要选择yes或no。

step6：

已经创建了一个工程，比如叫webapp。

cd到webapp

然后npm install

到这里你的工程就已经ok了

如果想在本地运行 ： npm run dev （会直接打开localhost，默认8080端口，可以更改端口，在config/index.js里面找）

如果想打包 ： npm run build （会生成一个dist文件夹，dist文件夹里面的内容放到服务器就行了）

另外，需要更改打包资源的目录的，更改一下config/index.js里面的assetsPublicPath就行了