早就听说vscode(Visual Studio Code)开发小程序很爽,没有原生的那种卡顿(莫名黑屏啥的)。然后我也试了一下,然后打开项目后,我傻眼了。层次结构也太不明显了吧,看的我难受。不信你来看看微信小程序原生开发工具,至少看着比你这舒服啊。然后就去找能不能有什么设置或者插件能解决这个问题。功夫不负有心人,找到了vscode-icons这个插件。步骤如下:下载插件:...
wxapp-helper
微信小程序
开发助手
生成页面/组件,页面/组件模板可配置(.js, .wxml, .wxss, .json),文件名及命名风格可配置,支持生成 TypeScript,插入乱数据辅助测试
微信小程序
wxml格式化以及高亮组件(高度自定义)
小程序开发助手
支持 js,json,wxml 文件的代码提示
wxml 文件语法高亮
Easy WXLESS
保存时将LESS自动
2.在小程序中新建一个小程序文件夹 ,打开
vscode
打开小程序文件夹
3.因为改变代码时在微信开发者工具中页面实时刷新,所以为了在vs中改变代码也可以实时看到 把小程序中的模拟器单独拿出来
3.1:点击分离窗口
3.2 单独拿出来后 也可以置顶
4.新增页面文件夹
可以在vs中新建文件夹,因为每一个文件夹对应四个文件(js,json,wxml,wxss) 所以还是在微信开发者工具中在这个文件夹中点击右键新建pag...
使用Visual Studio Code。
安装
vscode
weapp api,这是小程序的语法结构api插件。
接着安装
vscode
wxml这个插件,主要是针对wxml文件的。
接着继续搜索安装
vscode
-wechat这个插件。
安装一下Easy WXLESS,是针对wxss文件。
安装好插件以后,我们直接在
vscode
里面编辑小程序项目,保存即可同步到小程序
开发工具
中。
工欲善其事必先利其器!在开始写代码之前,请确保你已经安装了必要的开发环境和工具,以下是几个必需的和可选的工具:
1)node.js
现在,前端工具链基本都依赖Node.js,所以请率先安装它吧。
下载地址:https://nodejs.org/en/download/
安装完成后,打开你的命令行输入如下命令,验证安装是否成功:
node --version
//成功的话输出...
直接在终端运行命令
/bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”,即可安装
验证git是否安装成功
在终端输入git ,显示下图证明安装成功了
Git连接Github
需要找运维开通代码的权限,(会提供用户名和密码)
选择要放代码的文件夹,在右键菜单里点“新建位于文件夹位置的终端窗口(Git Bash Here)”
在打开的窗口输入,设
使用VS Code开发
微信小程序
微信
开发工具
结构缺点VS CodeVS Code 下载插件Chinese小程序开发助手Easy lessminapp
vscode
wxmlwechat-snippet中文乱码处理配置Easy less说明
微信
开发工具
说归说,但是开发
微信小程序
的时候,这个微信
开发工具
还是离不开的。VS Code在我看来就是一个敲代码的记事本,编译运行还得靠其他软件。但它的作用是让使用者更舒适的编写代码,而且插件安装方便,使用起来还是很香的。
编写时代码提示少,很多代码靠手打
微信小程序
官方提供了比较完整的开发文档,也提供了官方的
开发工具
。但是本人还是习惯于用
vscode
,同时,可以安装
vscode
中的插件来辅助开发。
1. vsode插件
(1) Live Sass Compile——实时将sass打包为wxss
wxss的语法是原生的css,非常不方便,这个插件可以将sass实时打包为css,同样也也可以让后缀名为wxss。习惯于用less的,可以使用另一个插件:E...
微信小程序
这阵子非常火,相信大家都应该已经尝过鲜了,论坛里也有很多介绍的教程,讲的都不错,而我要讲的是
开发工具
。
微信小程序
有自己的
开发工具
,是基于nw.js写的。做的比较简洁,基本的代码编辑、智能提示、调试等功能都有。不好的地方也很明显,不支持查看引用,不支持代码重构,最可恶的是居然不支持自家api的智能提示,写起代码来不够畅快。
我平...
CSDN-Ada助手:
【炫酷前端】抖音很火的3d旋转相册
梦游人布拿拿:
【炫酷前端】抖音很火的3d旋转相册
┕说好的,要努力┕458:
【炫酷前端】抖音很火的3d旋转相册
2301_77172225:
【炫酷前端】抖音很火的3d旋转相册
2301_77172225: