1、电脑上是否已经有了vue/cli,如果没有,先 npm install -g @vue/cli
2、使用命令vue create hello-world创建一个目录
3、然后会有三个选项,我一般选那种最后一个手动选择要素
默认(vue2 babel,eslint)
默认Vue 3)(Ivue 3]babel,elint)
手动选择要素
4、
请选择一个项目:手动选择功能
检查项目所需的功能:(按<space>选择,<a>切换全部,<i>反转选择)
选择vue版本
Babel打包
js类型
渐进式web应用(pwa)支持
路由
vuex
css预处理器
格式化
nuit测试
e2e测试
5、
请选择一个项目:手动选择功能
检查项目所需的功能:选择vue版本、babel、ts.router、vuex、css预处理器、Linter
选择要启动项目的vue.js版本(使用箭头键)
2.x
3.x
6、
选择要用2.x启动项目的vue.js版本
7、
在TypeScript旁边使用babel(现代模式、自动检测填充、传输JSX需要)
8、
对路由器使用历史记录模式(需要在生产中为索引回退设置正确的服务器)
9、
选择一个Css预处理器(默认情况下支持PostCSS、Autoprefixer和Css模块):(使用箭头键)
Sass/SCSS(带dart Sass)
Sass/SCSS(带节点Sass)
较少的
手写
10、
仅带错误预防的ESLint
ESLint+Airbnb配置
ESLint+标准配置
ESLint(已弃用)
11、
拾取其他lint特征:(按<space>选择,<a>切换所有,<i>反转选择)
保存时起毛
Lint和fix on commit
12、
您喜欢在哪里使用Babel、ESLint等的palcing配置?(使用箭头键)
在专用配置文件中
在package.json中
13、
将此保存为将来项目的预设
这样就创建好了一个vue项目了