Vue-cli搭建

安装环境

（1）安装nodejs
由于Nodejs自带了npm，所以你安装Nodejs后，npm也会自行安装。
下载地址：https://nodejs.org/en/

C:\Users>npm -v
6.4.1
C:\Users>node -v
v11.1.0

（2）安装cnpm
由于npm的镜像是国外的，为了加快下载速度，可以通过国内淘宝镜像来下载，所以采用cnpm。cnpm使用的是淘宝网的镜像http://npm.taobao.org

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

vue-cli2.0搭建

cnpm install --global vue-cli

默认安装目录如下

创建项目

vue init webpack test

目录结构

build----项目构建的一些代码
config—开发环境的配置
dist—项目构建发布的文件
node_modules—项目依赖包
src—源码
static—静态资源
.babelrc—ES6编译的一些配置
.editorconfig—代码风格配置
index.html—入口页面
package.json—项目基本信息，依赖等

运行打包

  运行  npm run dev
  打包  npm run build

vue-cli3.0搭建

npm install -g @vue/cli

创建项目

（1）创建项目test

vue create test

出现默认和手动选择
（2）手动选择

目录结构

运行

npm run serve