一、搭建Vue环境

1、必须要安装nodejs
2、安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具
cnpm install --global vue-cli         (此命令只需要执行一次)
4、创建项目 必须cd到对应的一个项目里面
#进入项目所在根目录
g:
cd vue
#创建项目
vue init webpack my-demo01

#除了ESLint以外,其他全部YES

#若项目创建的过程中报错,则进入项目文件夹,执行cnpm install ,若项目不报错,则省略
cd vue-demo01
cnpm install
5、运行项目
#进入项目目录
cd vue-demo01
#运行项目
npm run dev
6、另一种创建项目的方式 (推荐)
vue init webpack-simple vuedemo02

cd vuedemo02

cnpm install / npm install

npm run dev

二、升级Vue Client3.0

创建,编译项目更快

1.删除已有的 Vue Client
npm uninstall vue-cli -g
2.安装Vue Client3.0
cnpm install -g @vue/cli
3.新建项目
#进入项目根目录
g:
cd vue

#创建项目
vue create demo03
4.运行项目
#运行
npm run serve

备注: 编译命令:npm run build

出现如下输出:

App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.2:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

利用上面网址访问即可!