Windows-vscode安装与简单配置

下载网址:https://code.visualstudio.com/

中文插件

安装好后
快捷键:
ctrl + shift + p
输入
configure display language

第一步
Windows-vscode安装与简单配置_第1张图片
第二步
Windows-vscode安装与简单配置_第2张图片
安装中文插件,重启一下即可。

(重点1)安装插件Vetur

Windows-vscode安装与简单配置_第3张图片
常用的插件还有几个

Path Intellisense(必备)
自动提示文件路径,支持各种快速引入文件

Prettier - Code formatter(必备)
代码格式化

open in browser (必备)
支持快捷键与鼠标右键快速在浏览器中打开html文件

npm Intellisense(node必备)
import、require npm模块是自动补全

IntelliSense for CSS class names (推荐)
智能提示 css 的 class 名

Class autocomplete for HTML(必备)
智能提示HTML class =“”属性

HTML Snippets (必备)
智能提示HTML标签,以及标签含义

HTML CSS Support(必备)
让 html 标签上写class 智能提示当前项目所支持的样式

Auto Close Tag(必备)
自动闭合HTML/XML标签

Auto Rename Tag(必备)
自动完成另一侧标签的同步修改

GitLens (使用git的必备) 
Git提示,方便查看git日志,git重度使用者必备

Vue VSCode Snippets(Vue必备)
Vue 语法片段扩展

JavaScript(ES6) code snippets(必备)
ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

jQuery Code Snippets (推荐)
jQuery代码智能提示

ESLint (推荐)
js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置

language-stylus(推荐)  
stylus语法支持

(重点2)调用控制台

按 Ctrl + ~ 键 ( Esc 下面的那个 ) 调出终端 ,执行 相关命令即可

运行

npm run dev

你可能感兴趣的:(Vue3.0,vscode,vue.js,前端)