HTML
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
Node
Git
- git小乌龟 【图形化界面操作】
- 官网
VUE
-
Vue Devtools (插件)
在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。 浏览器插件,可视化vue
-
VUE CLI (工具)
vue脚手架,快速搭建项目
-
ESLint (插件)
Vscoded
插件,代码校验规则 -
Vetur (插件)
Vscoded
插件,vue让代码具有高亮