vue环境搭建

1. 安装node.js
   nodejs安装可参考 https://www.cnblogs.com/healkerzk/p/13517528.html

   安装完成后查看是否有npm命令：
   windows下win+r打开cmd控制台，输入下方命令：
   npm -v

   

2. 基于node.js,利用淘宝npm镜像安装相关依赖。
   由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）下载

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

3. 安装vue-cli脚手架构建工具
   cnpm install -g vue-cli #（-g 表明是全局的）

   测试 vue

   输入 vue -V (V大写)可查看vue版本

   

4. 用vue-cli构建项目
   vue init webpack my-project

   命令解释 ：vue init 模板名 项目名称（自定义）

5. 安装依赖
   进入到创建的项目中
   cnpm install

   回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）

6. 测试环境是否搭建成功
   方法1：在cmd里输入：npm run dev
   方法2：在浏览里输入：localhost:8080(默认端口为8080)

7. Npm run build 导出编译后的包 dist文件夹