下载vs code
官网地址,下载完之后,插件也是必要的
里面有很多插件自己看着喜欢哪个安装哪个,汉化插件是我的必备。其他可以自行百度(我不是说其他插件不重要啊,是因为每个人需要的都不太一样,但是功能又很强大,我介绍不过来)
创建新项目
(或者在vdcode终端输入vue ui
即可使用可视化创建项目)
1.
终端输入vue create 名字
(调出终端快捷键ctrl+shift+`)
2.
如果有同名就弹出这个东西,第一个重写,第二个合并,第三个取消。我选择了合并
如果没有同名的就弹出这个,选择自定义
3.
选圈住的那些(以后看需要再选择别的)(键盘上下移动,空格选中)
4.
问你要不要用history模式进行开发(如果不在意#,就用hash,在意就用history)
其中关于路由的开发模式
路由模式:history、hash
hash就是url地址栏有#符号
history利用了pushState()和replaceState()方法
(需要后端Apache或者Nginx进行路由配置,不然会报404!)
5.
css预编译器(我选择了第二个)
6.
选择ESLint的代码规范(我选择最后一个)
7.
什么时候进行检测(我选择了第一个)
8.
保存在哪里(我选择了第一个)
9.
是否保存刚刚那些预设(我选择了y,下一步命名随便命)
? Save this as a preset for future projects? (y/N)
记录bug
- 1
提示:
无法加载文件C:\Users\huala\AppData\Roaming\npm\vue.ps1,
因为在此系统上禁因为在此系统上禁止运行脚本。
解决方法:打开系统Windows PowerShell ,以管理员身份运行,命令行输入set-ExecutionPolicy RemoteSigned
,选择Y即可。
- 2
Build failed with error code: 1
npm ERR! errno 1
npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.14.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! C:\Users\???\AppData\Roaming\npm-cache\_logs\2020-07-13T16_51_46_897Z-debug.log
ERROR command failed: npm install --loglevel error
唔?
npm版本的问题吗,附上查询版本对应网址,查了一下,发现我的版本是莫得问题的。
网上找了一圈,
1.说清除缓存npm cache clean --force
(试过了 不适合我)
2.修改.vuerc 中 “useTaobaoRegistry”: true, 改为false 。命令打开:open .vuerc
(试了一下,发现我都没有这样的东西创建出来,我服了)
3.发现大家都用淘宝镜像,ok,现场搞一个回来npm config set registry https://registry.npm.taobao.org
。
搞掂收工。