微信开发者怎样导入源码 - CSDN
精华内容
参与话题
  • 我们从网站上下载的那些小程序源码怎么将它导入到小程序开发者工具中呢?1:安装后图标:登录,随意一个微信号,扫描后即可登录2:选择无appleid;项目名称随意,地址选择下载好的demo文件夹注意,假如看不到效果...
    我们从网站上下载的那些小程序源码,怎么将它导入到小程序开发者工具中呢?

    1:安装后图标:

    微信官方开发者工具如何导入小程序源码demo

    登录,随意一个微信号,扫描后即可登录

    2:选择无appleid;项目名称随意,地址选择下载好的demo文件夹

    微信官方开发者工具如何导入小程序源码demo

    注意,假如看不到效果,或者跳出这个错误

    微信官方开发者工具如何导入小程序源码demo

    有可能是项目目录选择错误了,要选择app.json文件的根目录导入(一般导致上面的错误,都是选择了其上级文件夹)

    微信官方开发者工具如何导入小程序源码demo

    比如,以下文件夹目录,需要导入红线框内的目录才是正确的目录:

    微信官方开发者工具如何导入小程序源码demo

    3:点击添加项目,即可看到项目

    微信官方开发者工具如何导入小程序源码demo

    4:删除项目

    微信官方开发者工具如何导入小程序源码demo

    展开全文
  • 关注小编微信公众号公众号【前端基础教程从0开始】回复“1”,拉你进程序员技术讨论群,群内有大神,可以免费提供问题解答。公众号回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。公众号回复“领取...

    关注小编微信公众号公众号【前端基础教程从0开始】回复“1”,拉你进程序员技术讨论群,群内有大神,可以免费提供问题解答。公众号回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。公众号回复“领取资源”,领取300G前端,Java,产品经理,微信小程序,Python等资源合集大放送,让我们一起学前端。

    前言

    在微信小程序开发的过程中,代码版本管理往往需要使用第三方工具进行管理。虽然微信Web开发工具提供了对Git文件版本状态的提示,但实际的使用体验依然不尽人意。

    随着微信Web开发工具的更新,最新的内测版本已经支持Git的直接管理,本文将就在微信Web开发工具中使用Git做版本管理做详细介绍。

    环境准备

    开发环境:Mac/Windows/Linux均可

    开发工具:微信Web开发者工具Beta版本、Git

    Git托管服务:码云

    使用Git服务需要在系统上先安装好Git,相关Git环境的安装,详见Git入门和Git的安装。

    创建微信小程序项目

    使用Git版本管理,首先需要有个git的仓库。打开微信Web开发者工具,新建/打开小程序的项目。此处以新建项目为例,假设项目名为HelloGitee,填写好相应路径和appid,选择建立普通快速启动模板,确认并新建项目。
    在这里插入图片描述
    创建完成后,得到了初始化后的项目。
    在这里插入图片描述

    创建远程仓库

    https://gitee.com 上登录自己的码云账号,在右上角新建按钮选择**「新建项目」**。填写相应的项目仓库信息。

    此处我们选择使用公开的仓库,命名路径为「HelloGitee」,开发语言选择「JavaScript」。确认后点击「创建」按钮初始化远程仓库。
    在这里插入图片描述
    创建并初始化完远程仓库后,我们得到了一个空白仓库如下图。项目的仓库地址是:https://gitee.com/fz6/xiaochengxu接下去我们将初始化本地的Git仓库。
    在这里插入图片描述

    初始化本地仓库

    在微信Web开发者工具中点击面板上的「版本管理」按钮,将弹出开发者工具中的版本管理面板。

    由于是新建项目,并没有初始化过Git仓库,所以项目会提示初始化Git仓库,点击「初始化 Git 仓库」,点击「确认」,完成本地仓库的初始化。

    这一步骤相当于执行「git init」命令。
    在这里插入图片描述
    在这里插入图片描述
    初始化完成后,我们可以看到本地的仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。
    在这里插入图片描述

    配置仓库信息

    初始化完成后,依次点击「工作空间」->「设置」->「通用」->「编辑」,编辑在Git中使用的用户名和邮箱。这一步相当于git config命令中的配置操作。

    $ git config --global user.name "用户名"
    $ git config --global user.email "邮箱"
    

    需要注意的是:此处配置的邮箱名需要和 码云 https://gitee.com 上的邮箱保持一致,才能保证提交后能统计到Git的提交贡献信息。
    在这里插入图片描述
    在这里插入图片描述
    切换到仓库设置的「远程」选项卡,这时候会发现提示「未找到远程仓库信息」,点击「添加」,将前面创建的远程仓库地址填进去,仓库名称此处命名为「master」,可自行命名。
    在这里插入图片描述
    在这里插入图片描述
    添加完成后即可看到项目中的远程分支信息。
    在这里插入图片描述

    推送代码到远程仓库

    点击操作面板上的「推送按钮」,在弹出窗口选择「推送到新的远程仓库分支」,名称填写「master」,表示推送到远程仓库的master分支,然后点击「确定」。
    在这里插入图片描述
    推送完成后,我们可以顺利的看到「远程仓库」下出现了分支信息。访问码云上的仓库,也能看到推送过去的信息。此时我们已经完成了代码从本地仓库到远程仓库到推送。
    在这里插入图片描述
    在这里插入图片描述

    注意事项 和 身份授权设置

    在推送的时候如果遇到了提示推送失败,需要检查用户授权,表示可能微信Web开发者工具并没有读取到本地用户的ssh授权配置,需要在开发工具中设置用户的授权信息。
    在这里插入图片描述
    初始化完成后,依次点击「工作空间」->「设置」->「网路与认证」->「认证方式」,可以选择远程仓库的认证方式,默认为「自动」。

    选择「输入用户名和密码」,在下方输入码云的账号和密码后,再次执行推送操作即可。
    在这里插入图片描述

    修改并提交代码

    接下来我们来修改我们的项目代码。

    点击开发工具面板的「版本管理」按钮,关闭「版本管理」面板,打开「pages/index/index.wxml」,修改其中内容「获取头像昵称」为「我的第一次修改提交」,保存。
    在这里插入图片描述
    再次切换到「版本管理」面板,可以看到当前本地分支有一个文件等待提交,选中并勾选文件,可以查看当前文件内发生的改动。
    在这里插入图片描述
    在下方提交框填写提交的备注信息,点击「提交」,将代码提交到本地仓库主干分支上。提交后,可以在本地仓库分支上查看提交记录。
    在这里插入图片描述
    接下去我们再次将代码从本地分支推送到远程仓库。点击操作面板上的「推送按钮」,在弹出窗口选择「推送到一下远程仓库分支」,选择一存在的远程master仓库的master分支,然后点击「确定」。
    在这里插入图片描述
    推送完成后,即可在码云对应的仓库主页看到提交的代码变更。
    在这里插入图片描述

    代码上传发布审核上线

    编码完之后,可以在开发工具右上角点击上传按钮将代码至微信后台。如下:
    在这里插入图片描述
    输入相关版本号确定之后可以在微信小程序后台管理处看到提交的版本。
    在这里插入图片描述
    上图我的是提交完之后的,提交完之后进入审核中,一般一两天就能查看审核结果,通过审核之后,还需要发布上线。经过上面的操作之后就可以在微信里,小程序处进行搜索我们自己开发的程序了。
    在这里插入图片描述
    附:工程架构图
    在这里插入图片描述

    总结

    在上面的操作中,我们通过微信Web开发者工具的版本管理功能,对小程序的代码进行了版本的管理控制,并提交到了远程的Git仓库中。

    在实际的项目开发中,我们还可以充分利用Git在版本管理和协作上的特性,灵活的和他人进行协作,进而规范代码管理,更高效的进行协作开发。

    相关链接

    Gitee 的下载地址:https://www.oschina.net/home/login?goto_page=https%3A%2F%2Fstatic.oschina.net%2Fnews%2F99140%2Fmini-program-gitee

    以上所述是我给大家介绍的微信小程序中使用 Git 实现版本管理以及代码上传发布审核上线的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,我会及时回复大家的。转载请附上源码地址!

    作者微信:欢迎大家交流

    在这里插入图片描述

    展开全文
  • 微信开发者工具(小程序)源码
  • 我们下载了其它人的源代码,想要编译,当用微信开发者工具打开时,应该将该项目的appid修改为我们自己的。 两种方法: 一、点击菜单:工具->项目详情,修改为申请的 AppID 二、修改 project.config.json中的...

      我们下载了其它人的源代码,想要编译,当用微信开发者工具打开时,应该将该项目的appid修改为我们自己的。

    两种方法:

        一、点击菜单:工具->项目详情,修改为申请的 AppID

        二、修改 project.config.json中的APPID

    想看视频版?

    关注公号“微程序学堂”,我们的视频教程即将上线

     

    如果你自己写了好文章想投稿

    请联系我们

     

    展开全文
  • 以下内容分为空的gitee仓库,将微信开发这工具导入gitee和从gitee上扒下代码导入到空的本地项目中。 1、创建gitee仓库 直接在gitee上创建一个新的仓库就好了,新建,就一个空的。等着把代码从微信开发者工具导进去...

    原来这个东西还有这么多没搞清楚的地方,太难了

    以下内容分为空的gitee仓库,将微信开发这工具导入gitee和从gitee上扒下代码导入到空的本地项目中。


    1、创建gitee仓库

    直接在gitee上创建一个新的仓库就好了,新建,就一个空的。等着把代码从微信开发者工具导进去就好了

    2、开发者工具初始化本地仓库

    打开微信开发者工具想要共同开发的那个项目,点击版本管理,点击弹出的框中的确定,就可以初始化完毕了。

    3、连接gitee仓库和微信开发者工具

    点击微信开发这工具中的版本管理——>设置——>远程——>添加。 然后在弹出的框中填入gitee仓库的名称和网址就好了。

    因为要对这个仓库进行操作,所以你得验证你的操作权限吧,这个时候就找到设置——>网路和认证——>认证方式——>使用用户名和密码。然后填出你的gitee注册邮箱和密码,即可获得你在gitee上拥有的对改仓库的权限。

    获取权限
    如果你是改仓库的创建者,那么你就拥有这个仓库的拥有者的权限,可以邀请队友进入仓库进行开发;如果你要加入别人的仓库,就点击拥有者的分享的链接就可以获得相应的权限。

    4、上传和导入的操作

    1、将本地文件的修改上传到gitee仓库中。
    本地文件的修改情况会先在”工作区“中展现,需要将工作区中的变更提交到本地的git仓库上。
    在这里插入图片描述
    在这里插入图片描述

    2、将本地仓库的修改推送到gitee仓库中,找到推送按钮,选择要推送的本地分支和要推送到的远程仓库分支,点击确定即可完成推送:
    在这里插入图片描述
    3、导入gitee仓库代码。

    先直接从gitee中克隆一份仓库中的完整的代码,然后将这份代码导入到新建的空白项目中。就可以完成整体项目的导入。若以后仓库中有代码发生更改,则使用左上角的“抓取”按钮,获得gitee上的最新修改。接下来:
    1、点击“远程”里面的“master,将HEAD重置到最新的记录中,这时候工作区就会有最相信的修改信息
    2、填写标题,将工作区中的修改提交到本地的仓库中。
    在这里插入图片描述
    3、在这边可以看到细节修改,接下来右键点击修改的文件,选择:
    在这里插入图片描述
    然后在本地的文件中就会添加出来仓库中最新的修改。

    展开全文
  • 有时候,我们在使用微信开发者工具导入别人开发好的项目时会提示:登录用户不是该小程序的开发者。如下图所示: 这时候,找到“project.config.json”文件,我们需要修改项目中的“project.config.json”文件。 ...
  • 方法 ... Download ZIP 解压,找到dist文件夹,在./weui-wxss-master/dist/ 打开“微信开发者工具”,选择“小程序” > “导入项目” > 名称随意,目录选择刚才的dist文件夹, AppID处填写“测...
  • linux安装微信开发者工具

    千次阅读 2019-11-07 11:21:14
    在linux下开发微信小程序,发现用虚拟机执行widnows然后运行微信开发者工具太难用了,每次改完js文件,需要先关闭掉开发者工具中的项目再重新打开并编译,才能正常编译,一次编译就要近1分钟,太痛苦了,网上有许多...
  • 微信开发者工具是微信小程序官方指定的开发工具,但是微信官方没有推出Linux版本,幸好很多牛人自己制作了能够在Linux中运行的微信开发者工具版本。该文中便是采用github中开源的linux版开发者工具。 一、准备 ...
  • UNIAPP打包后,继续添加修改小程序内容,发现微信开发者工具不正常打开 总是提示说登录用户不是该程序的开发者。。一点击确定就跑到微信公众平台。。。我就纳闷了,微信开发者工具都是一直都是登录我的微信,没改变...
  • [解决方案]微信开发者工具中的代码模块不显示 1.在控制台输入openVendor 2.在弹出的文件夹里,清除wcsc wcsc.exe 3.重启开发者工具 4.如果失效,重启电脑,再重复上述操作 ...
  • 开发者工具配置:在开发者工具右侧的详情中的项目设置,将不校验合法域名打上勾index.js:Page({ //对应的index.wxml页面绑定的数据 data: { json : '' }, //index.wxml页面加载时调用的函数 onLoad: function...
  • 微信小程序前端开发者工具-小程序切片-小程序定制开发神器 你是否还在辛辛苦苦地码代码,特别是前端页面的编写,很多都是非常简单的,但界面多了还是要花费大量的时间,缩短了 你陪男/女朋友的时间,家人的时间,...
  • 从前面从微信小程序开发者工具源码看实现原理(一)- - 小程序架构设计可以知道,小程序大部分是通过web技术进行渲染的,也就是最终通过浏览器的dom tree + cssom来生成渲染树;既然最终是通过css来绘制ui布局,我们...
  •  之前搞过微信小程序的开发,所以自己有下微信开发者工具,还有一个appID  1、我先设置好cocos creator的偏好设置。 2、现在再设置好项目构建目录 首先弄到Wechat构建,然后下面有一个appid选项,把自己...
  • 如何申请成为微信开发者

    千次阅读 2014-09-28 11:15:07
    武汉八音猫科技有限公司...武汉八音猫科技有限公司主要业务范围:网站策划、网站设计、网站建设、虚拟主机(空间域名)、网站备案、淘宝(京东)设计装修、微信服务、手机站、电子商务、SEO网络推广、信息服务等业务。
  • 由于项目出了点问题报错了,开发者工具里的代码模块不显示了 解决办法: 在控制台输入openVendor() 在弹出的文件夹里,清除里面的wcsc wcsc.exe 然后重启开发者工具 ——完美解决...
  • 客户端 [类似微信开发者工具公众号模式] :采用 electronjs 构建跨平台应用。集成浏览器内核 & 客户端插件,构建基本的模拟运行环境!服务:采用扫码验证之后,自动构建一个本地或者公网 服务 。客户端临时访问...
1 2 3 4 5 ... 20
收藏数 23,952
精华内容 9,580
热门标签
关键字:

微信开发者怎样导入源码