vue项目开发第二篇之新建vue项目

上一篇我们已经搭建了好了环境，接下来我们就新建一个vue的项目。

为了便于管理我们后面开发的vue项目，我在D盘创建了一个vueProject的文件夹，之后创建的vue项目都会放在这里。你们也可以根据自己的得喜好放在自己找得到的位置。

管理员运行cmd输入：npm install vue-cli -g

安装成功后就是到我刚才新建的vueProject的文件夹目录下创建vue项目了

cd 是返回到上一层目录

现在我已经进入到我的根目录下了



新建项目，这里的my-project是自定义的，你可以写自己的想要的名字



? Project name test。（项目名称）名字可以自定义，输入名字后回车就行了后面的操作都是这样子。这个报的git乱码是因为我之前装过git但是后面卸载了大家不用管他



? Project description vuetest app。（项目描述）这里也是自定义的



? Author like。（作者）
? Vue build standalone。
? Install vue-router? Yes。（安装vue-router路由）
? Use ESLint to lint your code? Yes。（使用ES6代码风格检查器）
? Pick an ESLintpreset Standard。（选择Standard）
? Setup unit tests with Karma + Mocha? No。（单元测试库，GUI开发不需要）
? Setup e2e testswith Nightwatch? No。（不需要）



完成安装，我们可以在vueProject的文件夹里看到这个项目了



后面我们只要安装依赖，就可以运行它了。首先我们要先到我们创建的项目里



然后输入 cnpm install,因为我装了淘宝镜像所以我使用cnpm install,如果没有装的就是用npm install



安装好了依赖后，我们可以看到创建的项目多了一个文件夹



如果没有这个文件夹，就检查一下自己安装依赖的路径是不是对的。接着我们就可以运行自己的第一个vue项目了





好了，我们第一个vue项目就这样子建成了。下篇我们就是使用webStrom来开发这个新建的项目