配置vue环境，创建vue项目_vue项目通过配置自动 生成vue 项目

安装包和详细+简单步骤:下载地址

安装js的运行环境 Node.js：

http://nodejs.cn/download/ nodejs 中文官网

• 选择合适的版本：
  

	设置淘宝npm镜像:
	npm config set registry https://registry.npm.taobao.org
	
	验证是否成功设置淘宝镜像
	npm config get registry
	
	安装淘宝镜像
	npm install -g cnpm --registry=https://registry.npm.taobao.org

	如果不用淘宝的可以设置回原来的:
	npm config set registry https://registry.npmjs.org
1
2
3
4
5
6
7
8
9
10
11

版本:

	node –v 查看版本 
	npm-v  查看版本
	cnpm –v 当前cnpm版本
	npm install npm@4.6.1 -g  设置到指定版本npm版本
	
1
2
3
4
5

• 配置全局使用

全局安装vue-cli 脚手架构建工具：
npm install -g vue-cli	

配置全局加载
npm install -g @vue/cli-init
1
2
3
4
5

• 输入命令创建项目,根据提示操作：

	输入指令:vue init webpack my-project 
		project name  < > 确认项目名，不更改直接回车
		project descript <A Vue.js project> 描述，不需要直接回车
		Author 作者 输入后回车
		vue build 创建vue项目	
		instll vue-router	是否安装路由
		Use ESlint to lint your code 使用ESlint对代码进行lint  n
		Set Upt unit tests 是否测试 n
		setup e2e test with Nightwatch? 是否测试 n
		yes,user NPM  yes,user Yarn no,Iwill handle that myself 选第一个直接回车
		进入目录下: cd my-project 
		安装依赖: cnpm install 
		vue-router 安装路由: cnpm install vue-router --save-dev
		生成一个package.json: cnpm init -f 命令来

		ps:
			用淘宝的镜像为cnpm 没配置淘宝的用 npm 
		一定要进入项目下安装否则会报错
		
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20