(1)应版本要求,先升级node版本(我使用的最新版)
npm uninstall -g vue-cli(2.9.6版本脚手架卸载的时候,有些卸载了之后还是显示2.9.6版本,这是个坑自己爬^_^)
npm install -g @vue/cli(安装4.0版本的脚手架,命令行有点不一样,参照官网走就行)
(2)创建项目前先查看版本 vue -V (4版本都OK)
vue create <Project Name> ----- 项目名不支持驼峰(含大写字母)
(3)default 默认配置 Manually select features 自定义配置(我选择的自定义)

(4)根据需求选择,空格键选择或取消

(5)选择路由模式,有hash和history两种模式,区别就是访问地址有没有#符号,hash模式有,history模式没有

(6)css 的预处理器Sass/SCSS(with dart-sass) 。node-sass是自动编译实时的,dart-sass需要保存后才会生效(按需选择,我选择的第一种)

(7)选择 ESLint 代码校验,javascript代码检测,ESLint + Prettier 足以(根据自己需求)

(8)代码校验,Lint on save 保存就检查,Lint and fix on commit fix 或者 commit 的时候检查(建议第一个)

(9)存放配置了,In dedicated config files 存放到独立文件中,In package.json 存放到 package.json 中(自然选第二个)

(10)是否保存当前配置操作,如以后搭建其他项目都是按照这个操作和需求就选Y,如不能预测则选N(我选的第二个)

(11) 享受等待创建的过程

(12)进入项目目录,运行项目,见证奇迹的时刻

有问题请指正 ^ _ ^
网友评论