![cover](https://img-blog.csdnimg.cn/f47344d2d47247e697538251df403b45.png)
解决VsCode下载慢问题
根据实际开发介绍常用软件下载及安装
·
1、VScode下载慢的问题解决
步骤一:打开vscode官网 https://code.visualstudio.com/docs/?dv=win
步骤二:复制 VScode 下载链接;然后在 新的窗口 粘贴链接
步骤三:将 链接中 http://az764295.vo.msecnd.net 替换为 http://vscode.cdn.azure.cn
最后下载地址是: https://vscode.cdn.azure.cn/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe
即将链接替换为国内镜像源
步骤四:安装一些常用插件
- Chinese Language
- Color Picker
- HTML CSS Support
- Vetur
- Eslint
- Vue 2 Snippets
- Project Manage //解决多个项目切换问题
- Live Server
- Vue Language Features (Volar) //vue3
css格式化 要在vscode装:
Beautify css/sass/scss/less
cssComb
js格式化要装
ESLint
.vscode 里面设置
{
"editor.formatOnSave": true,
"editor.tabSize": 2,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.options": {
"extensions": [
".js",
".ts",
".tsx"
]
}
}
esLint.json
{
"env": {
"node": true,
"mocha": true,
"jest": true,
"es6": true,
"browser": true
},
"extends": ["alloy", "alloy/react", "alloy/typescript"],
"globals": {
"window": true,
"JSX": true,
"React": true,
"NodeJS": true,
"Promise": true
},
"rules": {
"semi": ["error", "never"],
"quotes": ["error", "double"],
"no-alert": 2,
"arrow-spacing": 2,
"key-spacing": 2,
"no-restricted-imports": "off",
"@typescript-eslint/no-require-imports": 0,
"no-debugger": 0,
"@typescript-eslint/no-debugger": 0
}
}
2、vscode自定义.vue模板
首选项----> 代码片段 ----> 输入vue.json(vue.js)----> 写入模板
注:要安装vue插件,不然,输入vue无对应的下拉选项‘
{
"Print to console": {
"prefix": "vue3",
"body": [
"<template>",
" <div>$0",
" </div>",
"</template>\n",
"<script setup lang='ts'>\n",
"</script>\n",
"<style lang=''>\n",
"</style>",
"$2"
],
"description": "vueInit"
}
}
写.vue组件时,会自动提示vue3
更多推荐
所有评论(0)