使用vue-cli来构建项目

首先，通过我的上一篇博客，搭建好vue的环境和工具之后，https://mp.csdn.net/postedit/80141017。我们来简单的用vue-cli来构建项目，测试是否成功。

首先，查看各项准备工作是否完善。

使用  npm -v,cnpm -v,node -v ,webpack -v，vue -V指令查看。

各项都安装成功之后，我们使用vue-cli来构建项目

1.在硬盘上找一个文件夹放工程用的。例如，在G盘新建一个wu的文件夹，里面存放我们的工程可以直接进入文件夹。

新建好之后，鼠标右击点击空白处，点击在此处打开命令窗口。接下来安装vue脚手架。

2.安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。

 注意，Use ESLint to lint your code? No，这一项选择为no,其他为yes。

他的意思是否启用eslint检测规则，这里个人建议选no

当项目新建完成之后，我们使用以下指令进入

首先，进入你的项目： cd exprice

接下来，使用   npm install安装依赖

最后，使用npm run  dev启动项目，服务启动成功后浏览器会默认打开一个“欢迎页面”，如下图

好了，第二篇到这里，下一篇，深入介绍使用脚手架搭建