新建一个vue项目步骤
1.在workspace中新建一个文件夹Test
2.在VScode中点击文件→将文件夹添加到工作区(若要添加到现有的工作空间,可以将文件夹直接拖入)
3.右击文件夹,点击在终端中打开
4.打开后,输入vue init webpack test
,test是projectname
5.过程中会出现以下几个问题,如图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190924084007463.png)
前四项可以直接按“enter”键,后面几个可以按照自己的需求进行选择
①Install vue-router?:如果有页面跳转,该项就输入Y或者直接按“enter”键
②Use ESlint to lint your code?:这一项,是用来检查代码的规范性的,一般自己一个人写一个项目,直接输入N,若是一个团队写一个项目,需要用到
③vue set up unit tests?:单元测试,输入N
④Pick a test runner:选择一个单元测试运行器,直接按“enter”键,选择Jest
选项有三个
1.Jest(Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架)
2.Karma and Mocha
3.none
⑤Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。),选N即可
6.工程建立完成之后,cd test
,npm run dev
7.完成之后,打开链接http://localhost:8080