toolsEve插件环境配置

简介: toolsEve插件环境配置

toolsEve插件环境配置


HTML

css初始化

reset.css

normalize.css

*{padding:0;margin:0} /* 添加 */

Eslint

用户代码片段配置

{
  // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and 
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
  // same ids are connected.
  // Example:
  // "Print to console": {
  //  "prefix": "log",
  //  "body": [
  //    "console.log('$1');",
  //    "$2"
  //  ],
  //  "description": "Log output to console"
  // }
  "Vue文件模板": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div class=\"$1\">",
      "    $3",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '$2'",
      "}",
      "</script>",
      "",
      "<style lang=\"less\" scoped>",
      "",
      "</style>",
      ""
    ],
    "description": "快速搭建.vue单文件组件模板"
  }
}


VScode

插件

Chinese (Simplified)

Open In Default Browser

open in browser

Auto Rename Tag

Auto Close Tag (自动关闭标签)

Beautify > 美化javascript、JSON、CSS、Sass和HTML

ESLint > vue搭建项目,代码规范

Vetur > vue搭建项目,让vue代码高亮

react > react框架 插件 ( ES7+ React/Redux/React-Native snip ) 自动补全代码 rcc rfc

Service

Firefox

chrome

Node

Node.js安装配置 | Nodejs官网

Git

git小乌龟 【图形化界面操作】

官网

VUE

Vue Devtools (插件)image.png

VUE CLI (工具)

image.png

ESLint (插件)

image.png

Vetur (插件)

image.png


React

相关文章
|
人工智能 前端开发 JavaScript
合理使用WebStorm-环境配置篇(下)
合理使用WebStorm-环境配置篇(下)
合理使用WebStorm-环境配置篇(下)
|
3月前
|
Ubuntu Shell Linux
开发环境的安装
开发环境的安装
44 1
|
5月前
|
IDE 开发工具 C++
Devchat 的环境配置和使用
Devchat 的环境配置和使用
40 0
|
6月前
|
JavaScript Windows
NodeJS 安装及环境配置
NodeJS 安装及环境配置
105 1
|
6月前
|
IDE Linux 开发工具
|
6月前
|
C#
C#开发环境配置-VS2017安装使用
C#开发环境配置-VS2017安装使用
|
6月前
|
Java 测试技术 Maven
Maven高级-多环境配置与应用及跳过测试方式
Maven高级-多环境配置与应用及跳过测试方式
87 0
|
6月前
|
Rust 数据可视化 开发工具
rustlings本地开发环境配置
rustlings本地开发环境配置
67 0
|
缓存 JavaScript
nodejs安装和环境配置
nodejs安装和环境配置
430 0
安装WinGW教程(环境配置)
安装WinGW教程(环境配置)
717 0