1、设置中文
1、打开“vscode” ,按快捷键“Ctrl+Shift+P”。
2.在顶部搜索框中输入“configure language”,按回车键 安装中文插件即可
2、插件
Javascript booster 助推器,优化代码
Code runner 可以运行单行代码
Code spell checker 帮助检查代码是否拼写错误
Bracket Pair Colorizer 匹配括号是否成对出现有颜色
3、快速生成模板
code -> 首选项 -> 用户代码片段 -> (新建代码片段取名vue.json)
新建代码片段这块可以直接往下找就能找到vscode上带的vue.json
复制代码
在vue.json里写下自己想要生成的vue模版
{
"Print to console": {
"prefix": "vue",
"body": [
"",
"",
"
$0 ",
"",
"",
"
"export default {",
" data() {",
" return {",
"",
" }",
" },",
" //创建完成",
" created() {",
"",
" },",
" //方法集合",
" methods: {",
"",
" }",
"}",
"",
"
".wrapper{}",
"$4",
""
],
"description": "Log output to console"
}
}
复制代码
此处说明一下:"prefix": "vue", 就是快捷键,(vue名称可随意修改)
新建vue文件,输入vue 按键盘的tab件生成vue模版
复制代码
4、tab缩进2个字符
首选项--设置--搜索tabsize 改为2
5 快捷键
html文件打开浏览器
alt+b 打开默认浏览器
修改默认chrome,设置页输入open-in-browser.default,输入chrome