相关推荐：《vscode教程》

开发vue项目的一些vscode必备插件

• Eslint
  检查代码是否符合规范

• GitLens  
  Git提示

• language-stylus  
  stylus语法支持

• Path Intellisense  
  相对、绝对路径提示

• Prettier formatter  
  代码格式化

• Vetur  
  Vue语法支持。包括语法高亮、语法代码提示、语法lint检测等

• Vue VSCode Snippets
  Vue 语法片段扩展

• 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": [
			"",
			"",
			"",
			"",
			""
		],
		"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就行

更多编程相关知识，请访问：编程入门！！

# vscode  # vue  # JavaScript  # json  # css  # less  # stylus  # html  # es6  # npm  # require  # xml  # auto  # class  # JS  # git  # 其他的  # 就行  # 不需  # 报错  # 第三方  # 类似于  # 一键  # 配置文件  # 上写  # 相关知识 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： JavaScript如何实现倒计时_时间函数如何精确控制  Laravel如何集成Inertia.js与Vue/React？（安装配置）  如何为不同团队 ID 动态生成多个“认领值班”按钮  轻松掌握MySQL函数中的last_insert_id()  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  个人摄影网站制作流程,摄影爱好者都去什么网站？  活动邀请函制作网站有哪些,活动邀请函文案？  JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  详解Android——蓝牙技术 带你实现终端间数据传输  如何正确选择百度移动适配建站域名？  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  在线制作视频的网站有哪些,电脑如何制作视频短片？  如何快速搭建高效服务器建站系统？  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  深圳网站制作的公司有哪些,dido官方网站？  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  高防服务器租用如何选择配置与防御等级？  Swift开发中switch语句值绑定模式  今日头条微视频如何找选题 今日头条微视频找选题技巧【指南】  JS经典正则表达式笔试题汇总  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel中的Facade(门面)到底是什么原理  Laravel如何处理CORS跨域问题_Laravel项目CORS配置与解决方案  如何在自有机房高效搭建专业网站？  Laravel如何记录自定义日志？（Log频道配置）  java获取注册ip实例  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Android自定义listview布局实现上拉加载下拉刷新功能  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  安克发布新款氮化镓充电宝：体积缩小 30%，支持 200W 输出  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  常州企业网站制作公司,全国继续教育网怎么登录？  如何快速搭建二级域名独立网站？  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  Java类加载基本过程详细介绍  微信公众帐号开发教程之图文消息全攻略  如何在IIS中新建站点并解决端口绑定冲突？  如何解决hover在ie6中的兼容性问题  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  如何在橙子建站中快速调整背景颜色？  Android利用动画实现背景逐渐变暗  Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  高端网站建设与定制开发一站式解决方案 中企动力  昵图网官网入口 昵图网素材平台官方入口  如何注册花生壳免费域名并搭建个人网站？  如何在万网自助建站中设置域名及备案？  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口