一、Vue环境搭建

一、搭建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.

利用上面网址访问即可！