如何创建一个vue项目

1.安装node之后,全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli

2.在新文件夹下创建项目 vue create *文件名*,下面是选择默认配置还是手动配置

3.如果选择默认之后执行接下来显示的两行代码就行,最后复制网址在浏览器运行

4.如果选择手动配置,看个人项目需求
注意,空格键是选中与取消,A键是全选

babel 编译器
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

5.选择路由的模式

6.接下来就不一个个截图了,

选择css预处理器,我选的less

代码风格检查和格式化我选的ESLint + Prettier

选择语法检查方式,我自己选择保存就检测,第一个是保存检测,第二个是fix和commit的时候检测

.单元测试,我选择了Mocha

配置文件存放地方,第一个是独立文件夹位置,第二个是在package.json文件里

最后询问是否记录这一次的配置,以便下次使用,如一开始的时候会显示的vuecli3的默认配置和手动配置和保存的配置

7,运行完成之后按照步骤3类似的运行就ok