webstorm建立vue-cli脚手架的方法教程?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
webstorm文件→新→项目
1,尽量不要勾选使用默认的项目设置(巴别塔,eslint)默认建立的项目好多的配置不全,后期再装很麻烦。
2,点击创建后出现以下选项,按键盘上下键选择默认(默认)还是手动(手动),如果选择违约,一路回车执行下去就行了(注:现在vue-cli3.0默认使用纱下载),这里我选择手动
3,选择配置,这时你会看见一些选项,你要集成什么就选就行了,我这里选个我比较常用的(注:空格键是选中与取消,一个键是全选),这里有些选项可能看不见,移动上下键也不行,需要将选项边框网上拉才可以显示全。
4,选择合适的vue。js版本开始这个项目,这里我选3。x
5,是否使用巴贝尔做转义是的
6,是否使用类风格的组件语法是的
7,是否使用历史模式
8日选择预处理的模式这里我选dart-sass,与node-sass区别
- <李> node-sass是用节点(调用cpp编写的libsass)来编译sass;
,dart-sass是用咒骂VM来编译sass; node-sass是自动编译实时的,dart-sass需要保存后才会生效李 <>李推荐dart-sass性能更好(也是sass官方使用的),而且node-sass因为国情问题经常装不上
李,
9,选择一个短绒/格式化程序配置:(使用箭头键):选择语法检测规范这里我选择ESLint +漂亮
10,保存就检测和修复和提交时候检查这里我选择第一个
11、放独立文件夹与放包。json。这里看自己喜欢哪个,这里我选的是放独立文件夹
12日是否记录一下以便下次继续使用这套配置。键入N不记录,如果键入Y需要输入保存名字
13日静静等待完成即可,如果时间比较长的话你可以去睡一觉。直到页面出现做你就可以起来搬砖了。
看完上述内容,你们掌握webstorm建立vue-cli脚手架的方法教程的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注行业资讯频道,感谢各位的阅读!
