Vue--利用vue-cli创建vue项目

一，搭建vue的开发环境：
1，必须要安装node.js
2，全局安装vue的脚手架工具（官方命令行工具）

npm install --global vue-cli

3，创建一个基于webpack模板的新项目（必须cd到对应的一个项目文件里面）

（1）vue init webpack vueProjiect 		//创建项目
（2）cd vueProject				//进入项目文件
（3）npm install				//安装依赖（如果创建项目的时候没有报错，这一步可以省略）
（4）npm run dev			  	//运行项目

4，另一种创建项目的方式

（1）vue init webpack-simple vueProjiect   //创建项目
（2）cd vueProject    //进入项目文件
（3）npm install    //安装依赖（如果创建项目的时候没有报错，这一步可以省略）
（4）npm run dev      //运行项目

二，Vue-cli3的安装和创建项目
网址：https://cli.vuejs.org/zh/guide/

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。
如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

1，安装node.js
2，全局安装vue的脚手架工具（官方命令行工具）

npm install -g @vue/cli

3，创建项目（必须cd到对应的一个项目文件里面）

vue create vueProject		//创建项目
npm run serve			//运行项目

4，可以利用vue-cli3的图形化界面创建项目
（1）进入到创建项目的文件夹，输入vue ui 命令。

（2）自动打开一下图形化界面

三，利用@vue/cli创建一个基于webpack的项目
1，已经安装@vue/cli，打开命令行输入

vue -V		//查看当前版本

2，输入vue create vuedemo创建一个名为vuedemo的项目
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509153915300.png
3，输入cd vuedemo，然后输入npm run serve

4，浏览器输入http://localhost:8080/