vue.js开发环境搭建及热更新

1.淘宝npm镜像：

$ npm install -g cnpm --registry=http://registry.npm.taobao.org

2.cnpm：

PS C:\Users\I love ljj\Desktop\vueJsDemo> cnpm -v
cnpm@5.1.1 (C:\Users\I love ljj\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@5.4.2 (C:\Users\I love ljj\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@8.4.0 (C:\Program Files\nodejs\node.exe)
npminstall@3.1.4 (C:\Users\I love ljj\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\I love ljj\AppData\Roaming\npm
win32 x64 10.0.14393
registry=http://registry.npm.taobao.org

3.全局安装vue-cli

cnpm install -g vue-cli

创建一个基于webpack模板的新项目

vue init webpack my-first-vue-project

Project name my-first-vue-project
? Project description this is my very first vue project
? Author qxb
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? No

从上往下依次为：

描述、作者、安装路由、语法检查工具、单元测试、用户模拟

进入my-first-vue-project文件夹

cd my-first-vue-project

安装项目依赖

cnpm install

运行服务器

cnpm run dev

至此vue安装成功！