WebStrom开发微信小程序
文章目录
- WebStrom配置微信小程序
- 一、安装微信开发者工具
- 1、安装
- 2、新建小程序项目
- 3、如何查看APPID
- 4、进入小程序开发
- 二、WebStrom配置小程序
- 1、选择file->settings
- 2、配置CSS
- 3、配置html
- 4、代码提示插件
- 5、配置完成
WebStrom配置微信小程序
一、安装微信开发者工具
1、安装
点击微信开发工具进入下载界面,选择适合电脑系统的版本进行下载。
2、新建小程序项目
新建一个项目->项目名称->填写小程序名字,目录->本地存放小程序的文件路径,APPID->第三步,开发模式->小程序,初始模板->默认模板,语言->JavaScript。
3、如何查看APPID
开发->开发管理->开发设置->开发者ID->APPID(小程序ID)
4、进入小程序开发
项目新建完成后,进入小程序开发界面,最左边是手机端模拟界面(可选择适应机型),中间是小程序的目录文件和配置文件,最右边是编写代码的区域,以及下面的控制台区域,可以运行和调试代码。
小程序默认生成Page文件如下:
四种文件类型:
1.json 后缀的 JSON 配置文件
2.wxml 后缀的 WXML 模板文件
3.wxss 后缀的 WXSS 样式文件
4.js 后缀的 JS 脚本逻辑文件
二、WebStrom配置小程序
注意默认情况下,webstorm不支持wxml和wxss的文件类型,当然也不会有语法高亮!所以需要手动去配置。
.js文件和.json文件不需要配置,我们只需要配置.wxml和.wxss:
.wxml->html
.wxss->css
1、选择file->settings
Editor->File type
2、配置CSS
识别的文件类型列表中,选择css文件,点击’+’,输入 *.wxss,确定。
3、配置html
识别的文件类型列表选择HTML文件,点击’+’,输入*.wxml,确认。
4、代码提示插件
在Plugin中点Markplace,输入框中搜索Wxapp(或者Wxapp Support)插件,点击install,安装小程序插件,确认配置。也可以下载wecharCode.jar,然后在webStorm 的 File -> import settings 中导入即可。到这里我们就可以在webstorm里智能补全微信小程序代码了。
5、配置完成
微信小程序代码有提示效果,可以流畅地开发小程序啦。
注意:苹果系统和windows系统的webstorm略有差别,大同小异,由于我的webstorm已经汉化,容易查看,不懂得地方可以参考百度,欢迎在评论区讨论交流!谢谢大家!
WebStrom开发微信小程序相关推荐
- 开发微信小程序入门前
开发微信小程序入门前 百牛信息技术bainiu.ltd整理发布于博客园 2016年09月21日晚 微信发不了微信"小程序"的内测版,一时间整个互联网都炸了锅.个大新闻.论坛都在讨论 ...
- WordPress 网站开发“微信小程序“实战(二)
原文链接:https://devework.com/wordpres...,转载请用明链注明来源,谢谢! 本文是"WordPress 开发微信小程序"系列的第二篇,本文记录的是开发 ...
- python开发微信小程序-微信小程序开发:python+sanic 实现小程序登录注册
开发微信小程序时,接入小程序的授权登录可以快速实现用户注册登录的步骤,是快速建立用户体系的重要一步.这篇文章将介绍 python + sanic + 微信小程序实现用户快速注册登录全栈方案. 微信小程 ...
- python开发微信小程序-Python 开发者的微信小程序开发实践
导读 在知乎上,有人提问"如何使用 Python 开发微信小程序". 其实微信小程序作为一个前端的机制,Python 并不能插上边.只不过可以作为后端接口为微信小程序提供数据服务而 ...
- vsCode 开发微信小程序插件
用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS ...
- 使用牛刀云开发微信小程序(问题集锦)
前不久,起步科技正式推出牛刀云1.0,我想这也应该是许多WeX5的忠诚追随者(我也算是其中之一吧)期望的结果了.使用牛刀云开发微信小程序,能够实现使用类似于WeX5的所见即所得组件积木搭建方式构建前端 ...
- 2019小程序没必要做了_企业有必要开发微信小程序吗?
互联网的不断创新发展,微信这一社交软件技术逐渐成为了社会大众信息沟通工具之一,但是随着小程序的出现,让更多的企业发现微信开发能帮助企业挖掘市场,获取精准流量的手段,于是,不得不开始工作,那么,企业开发 ...
- mpvue 微信小程序_使用Vue.js开发微信小程序:开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
- 使用mpvue开发微信小程序——原生微信小程序、mpvue、wepy对比
mpvue是什么?为什么使用它? 目前小程序开发主要有三种形式:原生.wepy.mpvue,其中wepy是腾讯的开源项目:mpvue是美团开源的一个开发小程序的框架,全称mini program vu ...
- Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
为什么写这篇文章? 之前写过一篇文章:微信小程序开发错误:LoginError {type: "ERR_WX_GET_USER_INFO"}解决方法 有的伙伴在这篇文章中评论为什么 ...
最新文章
- mimo系统matlab,OFDM—MIMO系统的matlab程序
- 开源项目的build.js
- zabbix启动无效,无法监听10051
- C语言关键字以及-格式输入输出中“%d,%o,%x,%e,%f”等的含义
- 06Struts2国际化实现
- 无法从elasticsearch节点检索版本信息_【Elasticsearch 7 搜索之路】(一)什么是 Elasticsearch?...
- 别慌,谷歌说AutoML无意取代工程师,AI人才缺口仍然巨大
- jQuery 学习-样式篇(九):jQuery 存储和删除元素私有数据的方法
- python multiprocess queue_Python:Multiprocessing Queue.put不适用于半大数...
- 运行 java applet_创建运行第一个Java Applet程序
- 关于tcp/udp网络调试助手错误提示
- 数值核反应堆大数据及其应用
- 从内存池到连接池 老码农眼中的资源池
- 云更新网吧系统服务器,云更新网吧无盘
- Passenger 和 Nginx
- 基于 Python 的全国空气质量监测与可视化分析平台
- Elasticsearch与Spring的集成
- 移动端前端的适配和rem,vm其他的一些的复习
- 淘宝小程序 表单组件checkbox的默认样式修改
- 网页最窄770px最宽1024px经典布局