美文网首页
vue-cli4创建vue项目

vue-cli4创建vue项目

作者: kattes | 来源:发表于2020-02-25 23:45 被阅读0次

(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)进入项目目录,运行项目,见证奇迹的时刻

有问题请指正  ^ _ ^ 

相关文章

网友评论

      本文标题:vue-cli4创建vue项目

      本文链接:https://www.haomeiwen.com/subject/oircchtx.html