前端笔记

插件：

1.Vetur-----语法高亮、智能感知

2.EsLint  -----语法纠错

3. Debugger for Chrome -- 映射vscode上的断点到chrome上，方便调试(配置有点麻烦，其实我没用这个)

4.Auto Close Tag -- 自动闭合HTML/XML标签

5.Auto Rename Tag -- 自动完成另一侧标签的同步修改

6.JavaScript(ES6) code snippets .

- ES6语法智能提示以及快速输入，除is外还支持.ts，jsx，tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

7.HTML CSS Support --让 html 标签上写class 智能提示当前项目所支持的样式

8.Beautify--格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

9.Bracket Pair Colorizer--给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

10. open in browsei--直接右键项目单击启动

11.Vue 3 Snippets  ----自动提示

11.chinese --中文汉化

12.

1. npm  init -y

2. npm  install vue

 

 

1.环境  按照 cmd  

npm install -g @vue/cli

验证按照是否成功  vue --version

1.创建vue 项目 vue create vue-demo

2. 安装  element     命令                        npm install element-plus --save

3.npm install -D unplugin-vue-components unplugin-auto-import

4. 安装 element 图标 命令  npm install @element-plus/icons-vue