使用微信开发者工具运行小程序
下载git(以mac为例)
安装
直接在终端运行命令
/bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”,即可安装
验证git是否安装成功
在终端输入git ,显示下图证明安装成功了
Git连接Github
开通权限
需要找运维开通代码的权限,(会提供用户名和密码)
选择要放代码的文件夹,在右键菜单里点“新建位于文件夹位置的终端窗口(Git Bash Here)”
在打开的窗口输入,设置user.name配置信息
git config --global user.name “你的GitHub用户名”
检查SSH KEYS
通过下面命令来查看mac是否存在SSH KEYS
cd ~/.ssh
如果已经设置过ssh会定位到.ssh目录下面
创建SSH KEYS
ssh-keygen -t rsa -C "your_username"
注意上述输入的是你的github帐号的用户名,输入的时候要有” “双引号。
接着会输出下面的语句:
Generating public/private rsa key pair. Enter file in which to save thekeys (/Users/your_user_directory/.ssh/id_rsa):
点击回车,设置密码,点击回车,再次输入相同的密码。点击回车之后就会提示我们创建 id_rsa 和 id_rsa.pub成功
进入.ssh 文件夹中,将id_rsa中的内容全部复制出来
在github中添加SSH
登录github,点击设置,选择SSH Keys
Title:随意输入
Key:打开你生成的id_rsa.pub文件,将其中内容拷贝至此。点击“Add key”创建
创建成功会有相应的提示
克隆代码
在要放克隆代码的文件夹位置打开终端
克隆代码: git clone -b master ssh://git@code.xxx.cn:10022/xxxxx.git
其中ssh://git@code.xxx.cn:10022/xxxxx.git为项目的代码地址,master为对应的分支
Visual Studio Code
代码下载后使用前端工具进行编译;
下载软件Visual Studio Code
下载nodejs
直接下14.x的LTS(稳定,持续维护)版本即可;否则编译会出错;
安装地址:https://nodejs.org/download/release/v14.8.0/
选择node-v14.8.0.pkg 版本下载安装
验证:安装完成后在终端分别输入node -v和npm -v,输出版本号即安装成功
python 需要2.7版本
编译
1、打开visual studio,把克隆代码的文件夹拖到窗口中即可
2、选择文件-打开文件夹所在的地址,之后工具栏点击Terminal ,在控制台输入命令npm install,会生成文件node_modules;
3、git branch 查看当前所在分支;
4、git branch -a 查看远程所有分支;
执行命令:git checkout -b 【远程分支b对应的本地分支名】 远程分支名b
含义:创建本地分支b,切换到本地分支b,拉取远程分支b的最新代码
5、npm run dev:mp-weixin ,会生成dist文件夹;
6、使用微信开发者工具–>项目–>导入项目–>点击+号–>目录中选择刚才下载的代码文件(具体目录:dist->dev->mp-weixin,选中mp-weixin这个层级终止;
之后点击创建,点击详情按钮,之后选择‘不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书’,点击编译就可以;
使用微信开发者工具运行小程序相关推荐
- 微信开发者工具测试小程序
使用微信开发者工具测试小程序 1.安装微信开发者工具.VS code工具 2.拉代码到本地,通过git clone 代码仓库路径下载代码 3.用VS code生成dist文件 VS code打开拉取到 ...
- 利用微信开发者工具获取小程序指定页面路径!
利用微信开发者工具获取小程序指定页面路径! 小程序不同于app,小程序的每个页面都有页面路径.在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径.比如微信图文中的小程序,公众号菜单中的小程序 ...
- 微信开发者工具开发小程序代码自动热加载/重载/部署
前言 微信小程序基础库 2.12.2 默认情况下,使用微信开发者工具开发小程序时,每次保存代码都会重启微信小程序,即每次都模拟器都返回到首页.有没有办法既更新模拟器中的小程序,又保持 在当前页呢?有的 ...
- 微信小程序开发04 性能优化:借助微信开发者工具提升小程序性能
你好,我是周俊鹏. 前几节课我们分别从架构层(双线程模型).链路层(授权模型).和应用层(自定义组件)三个角度学习了小程序的技术要点.它们能帮你完成一个微信小程序的基本业务逻辑和交互逻辑. 逻辑的第一 ...
- 使用微信开发者工具创建小程序项目
个人资源与分享网站:http://xiaocaoshare.com/ 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示: #### 项目结构 ``` └ ...
- 使用微信开发者工具添加小程序底部导航栏报错
粉丝求助: 示例图: 看了这个页面,很明显这个页面引用的路径都有问题. 解决办法:
- uni-app教程二(微信开发者工具运行项目,icon字体使用,组件)
1.在微信开发者工具中运行 1.配置小程序IDE相关路径 说明:只有配置了才能在微信小程序运开发者工具中运行成功 2.开启小程序IDE服务端口的设置->安全设置->安全 (开启) 3. 修 ...
- HBuilder打包H5成mp-weixin文件到微信开发者工具运行
点击 HBuilder X 中的菜单:运行->运行到小程序模拟器->微信开发者工具
- 学会开发者工具,小程序测试再也不用愁啦
一切不以解决问题为目的的小技巧都是耍流氓. 待解决的问题 问题背景:随着小程序的广泛应用,功能日益强大,可以说现在基本上没有小程序解决不了的应用问题,APP能解决的问题,小程序也能解决,现在很多公司都 ...
最新文章
- 北京理工大学 python专题课程-Python第七章(北理国家精品课 嵩天等)
- js继承的实现(转载)
- CheckStyle及其配置的详细解释
- 3、AD使用技巧分享
- Android ListView的基本应用
- 解决 | 老司机都无法解决的事情,谁能解决?
- Hadoop分布式文件系统HDFS
- 完整的python项目实例-Python实例练手项目汇总(附源码)
- 使用http-server搭建web服务器
- Head First Java ——我的Java入门书
- 证件照换背景-----ps
- 如何用计算机算分组数据方差,『分组数据如何Excel计算标准差』Excel表格求分组数据的方差...
- 从Spring为什么要用IoC的支点,我撬动了整个Spring的源码脉络
- sourcesafe.light 开源项目启动
- 2022年最新WordPress主题更新列表(2022年5月28日)
- 苹果手机怎么设置专属铃声?看一遍就能学会的超简单教程
- 【UE5】AI随机漫游蓝图两种实现方法(角色蓝图、行为树)
- XShell免费正版远程控制ssh客户端
- 数据库安装时需要更新以前的Visual Studio 2010实例状态失败-----亲测可行
- 玩转容器安全二 - 容器安全概述