/uniapp-tmp

Primary LanguageJavaScript

uni-vscode-template

项目预置

  1. 已安装sass,sass-loader,组件支持写scss
  2. 相关扩展提供pages.json/manifest.json语法提示,颜色块展示
  3. 相关扩展提供uni.scss变量提示
  4. 条件编译注释高亮

项目中推荐安装的 VSCode 扩展

  • Sass:sass/scss 文件支持
  • SCSS IntelliSense:可以提示uni.scss定义的变量
  • uni-app-schemas:pages.json/manifest.json 语法提示
  • uniapp小程序扩展:原生组件/uView 组件提示
  • create-uniapp-view:快速创建 uniapp 视图/组件/分包
  • Color Highlight:pages.json 颜色块显示
  • Better Comments:条件编译注释颜色显示
  • Path Intellisense:智能路径提示

可选扩展

  • uni-cloud-snippets
  • uni-ui-snippets
  • uni-app-snippets

提示:在.vscode文件夹中的settings.json已经做好了扩展的相关配置。不过更建议创建vscode工作区,配置放在工作区,更好地去管理扩展。VSCode 工作区指南:回归轻量,成为全能编辑器

项目启动,实时更新到微信开发者工具

manifest.json配置appid

image-20220311210618223

快速运行项目,也可以在终端手写

image-20220311210522021

在微信开发者工具导入

image-20220311210959424

然后,我们就可以在微信开发者工具实时更新我们最新的代码