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 (插件)
VUE CLI (工具)
ESLint (插件)
Vetur (插件)