用Vscode集成开发微信小程序

这篇具有很好参考价值的文章主要介绍了用Vscode集成开发微信小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、创建项目

创建项目还是需要在微信开发者工具上创建项目

二、在Vscode打开创建好的项目

vscode开发微信小程序,vscode,ide,编辑器

 

三、下载对应微信开发的插件并安装 

vscode开发微信小程序,vscode,ide,编辑器

 四、因为Vscode不能支持wxss和wxml的编译,所以我们需要对其进行相应操作让vscode可以当成html和css文件处理

1.点击设置

vscode开发微信小程序,vscode,ide,编辑器

 2.找到相应区域,添加项和值vscode开发微信小程序,vscode,ide,编辑器

 五、值得注意的是,vscode中开发小程序不能用直接创建page了,需要自己创建四个文件,并且将路径放入app.json中;文章来源地址https://www.toymoban.com/news/detail-523872.html

到了这里,关于用Vscode集成开发微信小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿里云centos9stream安装宝塔+vscode(code-server)集成云端开发环境

    官网 https://www.bt.cn/new/download.htm 题外话:虽然感觉现在宝塔没以前好用了,而且有centos7、8 mysql编译导致OOM服务器挂掉无法ssh登录的情况,但他还是远程管理服务器的好选择,提示 宝塔只支持最新的centos9stream,重要数据一定要备份,最好是全新的系统,而且需要与vscode相辅相

    2024年02月10日
    浏览(57)
  • 使用vscode开发原生微信小程序

    文章目录 前言 一、vscode需要下载哪些插件? 二、相关配置 总结 由于微信小程序开发工具的弊端,我们可以使用vscode来开发微信小程序,只需要做好一下的配置即可. 1.安装微信小程序开发助手 2.wechat-snippet 3.Easy-WXLESS 1.打开设置 在settings.json中添加以下代码 由于微信小程序开发

    2024年02月16日
    浏览(59)
  • 【微信小程序】使用vscode进行小程序项目的开发

    如果我们不想写wxss,想写less、scss,但是less、scss以前都是编译成css的,这时候我们可以进行在vscode环境配置的设置 下载插件 想利用本身已经熟悉的prettier功能、vscode环境配置的设置⬇ 虽然可以利用vscode进行小程序代码的开发,但是“微信开发者工具”是脱离不了的,因为需

    2024年02月05日
    浏览(47)
  • 微信小程序 ---在Vscode上编辑,微信开发者工具上预览,快速上手

    成功 导入一个已经在开发中项目 设置高亮 拷贝到 settings.json 重启 vscode 打开 wxml 文件 观察 有没有高亮 安装小程序开发插件 全局配置 app.json pages 字段 只能在微信开发者工具中 编辑 pages字段,按下保存 才生效!!! pages 快速创建页面的时候 在里面创建即可 作用 : 快速创

    2024年02月01日
    浏览(83)
  • 搜狗拼音占用了VSCode及微信小程序开发者工具快捷键Ctrl + Shit + K 搜狗拼音截图快捷键

    修改搜狗拼音的快捷键 右键--更多设置--属性设置--按键--系统功能快捷键--系统功能快捷键设置--取消Ctrl + Shit + K的勾选--勾选截屏并设置为Ctrl + Shit + A  微信开发者工具设置快捷键 右键--Command Palette--删除行 微信开发者工具快捷键         删除行:Ctrl + Shit + K 或 Shit + D

    2024年02月11日
    浏览(68)
  • 在vscode搭建uuniapp微信小程序项目(小白笔记)

    确定自己电脑已经安装最近版本的: node   /   npm  /    vue-cli 从需要存放项目的文件夹打开到vscode中,根据uniapp官网提示在终端中输入⬇️ 使用上下键选择适合自己开发需求的模版,回车确定。 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

    2024年02月10日
    浏览(33)
  • 微信开发者工具-代码管理和码云Github远程仓库集成

    目录 思考:IDE如何进行代码管理 代码管理方式 一、自身提供服务 二、Git 扩展 1、环境准备 2、创建项目代码 3、进行项目Git初始化 4、在码云新建远程仓库  5、将项目进行远程仓库关联 三、SVN扩展 四、代码管理         初识开发者工具,我的第一想法就被拉到了代码管

    2024年04月25日
    浏览(50)
  • 【微信小程序开发】宠物预约医疗项目实战-环境配置与Vant UI集成

    第一章 宠物预约医疗项目实战-环境配置与Vant UI集成 Vant是一个轻量、可靠的移动端组件库,于2017年开源。目前Vant官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。 微信小程序版本的Vant组件库是Vant Weapp,其官方文档是

    2024年02月07日
    浏览(50)
  • vscode开发小程序项目并在微信开发者工具运行

    需求:vscode开发uniapp之后在微信开发者工具运行,更改的时候微信开发者也同步更改 创建微信小程序所需插件,在vscode的插件管理里面安装就可以了 1.微信小程序开发工具 2.vscode weapp api 3.vscode wxml 4.vscode wechat 1.创建小程序命令 这里的uniapp-vue是项目名称,不能大写 2.选择un

    2024年02月09日
    浏览(61)
  • 毕业设计——基于java+vue开发的在线教育平台,将开发PC、小程序、手机端,集成RABC权限+在线考试+文档预览+视频播放+代码生成器等功能

    完整项目地址:https://download.csdn.net/download/lijunhcn/88556337 本项目是基于java+vue开发的[在线教育平台],将开发PC、小程序、手机端,集成RABC权限+在线考试+文档预览+视频播放+代码生成器等功能。 版本控制:git 依赖管理:maven 接口文档:Swagger 权限验证:Spring Security 数据库:

    2024年02月03日
    浏览(77)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包