前端笔记
插件:
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