vue的安装 (原创)

vue学习 
（
官网文档：
https://cn.vuejs.org/v2/guide/
）

安装node(npm)
  请参照博客: windows中安装nodejs  配置node_global和node_cache等。
安装cnpm等
 npm install cnpm -g 
 

1、安装vue-cli 脚手架工具 （vue工具）
cnpm install  -g vue-cli@2.9.6
vue -V #查看安装的版本


2、初始化vue工程
初始化一个基于webpack的vue的demo工程
vue init webpack  demo
如果安装npm依赖较慢，可以ctrl+c终止掉，使用cnpm install 进行安装。
cd demo 
cnpm install 


3、修改config/index.js 将项目修改为可本地浏览运行的程序(可正确加载静态资源)

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',   // 将这里的'/'修改为'./'即可

    //...
}

4、vue常用命令 
npm run dev   运行开发
npm run build 打包到dist目录

5、运行npm run build后

找到项目的dist目录，双击index.html即可运行了。