VS code上创建Vue项目详细化教程1-配置VScode与Vue

目录

1.首先安装VS code

2.安装VS code必备插件

2.1 Chinese (Simplified) Language Pack

2.2 Code Spell Checker

2.3 HTML CSS Support

2.4 JavaScript (ES6) code snippets

2.5 Mithril Emmet

2.6 Path Intellisense

2.7 Vue 3 Snippets

2.8 VueHelper

2.9 Auto Close Tag

2.10 Auto Rename Tag

2.11 Beautify

2.12 Bracket Pair Colorizer

2.13 open in browser

2.14 Vetur

2.15 File Utils

2.16 IntelliJ IDEA Keybindings(根据个人喜好安装)

2.17 快捷键（Windows版）

3.简单Vue实例，感受Vue双向绑定特点

4.创建并使用工程化Vue项目

---

1.首先安装VS code

         此处省略，找到安装包然后无脑安装就好。

2.安装VS code必备插件

2.1 Chinese (Simplified) Language Pack

适用于 VS Code 的中文（简体）语言包

2.2 Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ，会提示你是否修改成 banana ，也可以将 banane 添加至检查器的字典中。

2.3 HTML CSS Support

在编写样式表的时候，自动补全功能大大缩减了编写时间。

2.4 JavaScript (ES6) code snippets

支持ES6语法提示

2.5 Mithril Emmet

一个能大幅度提高前端开发效率的一个工具，用于补全代码

2.6 Path Intellisense

路径提示插件

2.7 Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。