上一篇我们已经搭建了好了环境,接下来我们就新建一个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来开发这个新建的项目