
相关推荐:《vscode教程》
Eslint
检查代码是否符合规范-
GitLens
Git提示立即学习“前端免费学习笔记(深入)”;
language-stylus
stylus语法支持Path Intellisense
相对、绝对路径提示Prettier formatter
代码格式化Vetur
Vue语法支持。包括语法高亮、语法代码提示、语法lint检测等Vue VSCode Snippets
Vue 语法片段扩展
MediPro网上书店系统下载基于PHP+MYSQL开发,除了网上书店必备的商品管理、配送支付管理、订单管理、会员分组、会员管理、查询统计和多项商品促销功能,还具有完整的文章、图文、下载、单页、广告发布等网站内容管理功能。系统具有静态HTML生成、UTF-8多语言支持、可视化模版引擎等技术特点,支持多频道调用不同模版和任意设置频道首页,适合建立各种规模的网上书店。系统具有以下主要功能模块: 网站参数设置 - 对网站的一些参数进
npm Intellisense
import、require npm模块是自动补全Auto Close Tag
自动闭合HTML/XML标签Auto Rename Tag
自动完成另一侧标签的同步修改JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
VSCode 初次写vue项目并一键生成.vue模版
文件–>首选项–>用户代码片段–>搜索vue.json文件打开
- 打开之后删除里面的代码复制下面的代码
{
"Print to console": {
"prefix": "vue",
"body": [
"",
"",
"$5
",
"",
"",
"",
""
],
"description": "Log output to console"
}
}- ps:如果没安装less 运行时会报错
vue安装less
npm install less less-loader --save-dev
# cli3以上不需配置任何东西
# 更改配置文件build/webpack.base.conf.js
# cli3以下需要配置
rules: [
// 此处省略无数行,已有的的其他的规则
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}
]此时新建.vue文件 输入vue 按键盘的tab就行
更多编程相关知识,请访问:编程入门!!









