使用 VS Code 编写小程序的姿势
2023-09-11 14:19:06 时间
官方的小程序开发工具使用起来非常难受, 尤其是长期使用 vim
插件的人, 使用任何 编辑器
或者 ide
必须先装 vim
插件, 所以总结一些使用 vscode
编写小程序可以提高效率的方法以及插件推荐.
插件推荐
minapp
minapp 这个插件能够实现微信小程序标签、属性的智能补全, 和语法高亮, 不过要使用 <
去激活.
wechat-snippet
wechat-snippet 能够提供了很多代码片段, 比如使用 wx-page
会初始化Page对象和对应生命周期函数. 它提供了在 wxml
中直接使用标签名生成标签, 在 json
配置文件中提示代码片段, 在 js
生成相关对象或函数的功能. 不过在 js
中要使用 wx-
前缀激活.
Auto Rename Tag
Auto Rename Tag 能够实现在修改标签时直接成对修改.
Path Autocomplete
Path Autocomplete 提供了自动完成路径的功能, 这对小程序中导入资源路径时十分方便.
Prettier - Code formatter
Prettier - Code formatter 用来格式化代码, 它默认的缩进是 2
, 如果想调整为 4
, 可以在 用户设置
中搜索 Prettier: Tab Width
进行设置.
保存自动编译
如果要实现保存自动编译, 首先要在小程序设置中找到 编辑
选项卡, 取消选中 修改文件时自动保存
, 然后选中 保存时自动编译小程序
. 小程序设置好后, 打开 vscode
设置, 搜索 Files: Auto Save
设置 onFocusChange
失去焦点自动保存. 之后在编写代码时, 手动保存
或者 自动保存
就会触发小程序开发工具的自动编译.
.
相关文章
- 将 VS Code 终端设置为始终以管理员权限打开
- 【免费视频】使用VS Code开发ASP.NET Core WebAPI应用程序
- x265探索与研究(五):如何用VS调试x265?
- vs code 插件
- vs 默认的INC和LIB
- VS Code 中文注释显示乱码
- RDBMS vs. NoSQL & Clojure概述
- [VSCode] Visually Organize Applications in VS Code with Window Color-Coding
- [RxJS] Throttling vs Debouncing
- SQL Server vs Oracle 简单语法比较
- 【BSP视频教程】STM32H7视频教程第1期:初识STM32H7准备工作,了解Cortex-M7内核以及MDK,IAR,Embedded Studio,STM32CubeIDE和VS Code简单比较
- 关于VS C++中项目属性的一些名称的含义
- atitit。企业的价值观 员工第一 vs 客户第一.docx
- SAP Cloud for Customer的公有云和私有云部署方式 - Public Cloud vs Private Cloud
- VS系列程序编程软件LadderMaster Vigor PLC V0.81.1
- Unable to install “Visual Studio Code”:snap “code” has “install-snap” change in progress
- 使用 VS Code 远程调试 Python 程序
- 使用体验神似VS Code?三步带你了解华为云CloudIDE前世今生
- VS code golang 开发环境搭建
- C语言使用技巧(二十一):VS CODE在windows下配置CMAKE编译环境【实现C/C++可同时在一个文件夹下编译】
- 一文吃透 VS Code+Git 操作(vs code中git的相关配置与使用)
- VS++ 获取进程路径
- VS Code常用快捷键方法
- Kubernetes 中的日志收集 VS 传统日志收集
- 解决VS CODE运行C程序闪退的问题
- macOS配置VS Code变量