如何在Ubuntu 18.04上搭建微信小程序和公众号应用的开发环境
这篇文章给大家分享的是有关如何在Ubuntu 18.04上搭建微信小程序和公众号应用的开发环境的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
在Ubuntu 18.04上 搭建微信小程序和公众号应用的开发环境
安装NVM
如果在Ubuntu上使用apt-get
安装了Node.js,需要先手动移除:
$sudoapt-getpurgenodejs&&sudoapt-getautoremove&&sudoapt-getautoclean
安装NVM:
curl-o-https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh|bash
或
wget-qO-https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh|bash
安装完毕后,将以下代码加到~/.bash_profile
, ~/.zshrc
, ~/.profile
, 或者 ~/.bashrc
中:
exportNVM_DIR="$([-z"${XDG_CONFIG_HOME-}"]&&printf%s"${HOME}/.nvm"||printf%s"${XDG_CONFIG_HOME}/nvm")" [-s"$NVM_DIR/nvm.sh"]&&\."$NVM_DIR/nvm.sh"#Thisloadsnvm
测试:
使用淘宝镜像
exportNVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
NVM 常用指令
查看本地所有可以用的 Node.js 版本
$nvmlist
查看服务器端可用的 Node.js 版本
$nvmls-remote
*安装 `8.` LTS 版本 (长久维护版本) **
$nvminstall8.16.2
设置默认版本
$nvmuse8.16.2 $nvmaliasdefault8.16.2
使用淘宝进行加速 NPM
$npmconfigsetregistry=https://registry.npm.taobao.org
将 NPM 更新到最新
$npminstall-gnpm
检测版本
$npm-v
安装Yarn
第一种方法:安装稳定版1.19.1
配置仓库:
url-sShttps://dl.yarnpkg.com/debian/pubkey.gpg|sudoapt-keyadd- echo"debhttps://dl.yarnpkg.com/debian/stablemain"|sudotee/etc/apt/sources.list.d/yarn.list
安装:
sudoapt-getupdate&&sudoapt-getinstall--no-install-recommendsyarn
第二种方法: 通过npm安装
npminstall--globalyarn
然后在终端中设置PATH环境变量(即把以下代码添加到 ~/.bash_profile
, ~/.zshrc
, ~/.profile
, 或者 ~/.bashrc
)
exportPATH="$PATH:`yarnglobalbin`"
最后运行命令测试Yarn是否安装成功:
yarn--version
安装 Linux微信web开发者工具
下载项目和初始化
gitclonehttps://github.com/cytle/wechat_web_devtools.git cdwechat_web_devtools #自动下载最新`nw.js`,同时部署目录`~/.config/wechat_web_devtools/` ./bin/wxdtinstall
安装Wine
sudoapt-getinstallwine-binfmt sudoupdate-binfmts--import/usr/share/binfmts/wine
启动ide,开发和调试网页
./bin/wxdt#启动
小程序基础环境搭建
安装wepy-ci
WePY 是一个小程序组件化开发框架,开发风格接近 Vue.js,更贴近于 MVVM 架构模式,相比小程序原生开发要更加的方便快捷。
yarnglobaladdwepy-cli
初始化项目
mkdirhelloworld cdhelloworld helloworldwepyinitstandard./
对项目进行编译,并持续监听代码变化**
wepybuild--watch
感谢各位的阅读!关于“如何在Ubuntu 18.04上搭建微信小程序和公众号应用的开发环境”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
推荐阅读
-
微信小程序能做什么什么是微信小程序
微信是目前用户数最多的应用,过去人们初次见面,都免不了要互相发名片、留电话,现在则变成了加微信好友。打开你的微信,用手按住页面向下...
-
小程序在哪里找(小程序开发一个多少钱啊)
微信里面的小程序,几乎可以代替手机App,不用安装就能使用,超方便!今天就给大家推荐5个宝藏级的微信小程序,实用又免费,真是让你爱...
-
小程序和h5的区别有哪些快速收藏
关于小程序与H5,在之前实际上是存在很多争议的,很多人觉得他们是一样的应用,但其实并不是这样的,差别还是非常大的,因为一个是网页,...
-
小程序怎么开发调用微信支付及微信回调地址
小程序怎么开发调用微信支付及微信回调地址本篇内容主要讲解“小程序怎...
-
小程序列表懒加载如何实现
小程序列表懒加载如何实现本文小编为大家详细介绍“小程序列表懒加载如...
-
小程序怎么与后端Java接口交互实现HelloWorld
小程序怎么与后端Java接口交互实现HelloWorld本篇内容主...
-
小程序分销系统开发常见的功能有哪些
小程序分销系统开发常见的功能有哪些这篇文章主要介绍“小程序分销系统...
-
茶叶小程序开发需要哪些功能
茶叶小程序开发需要哪些功能本篇内容介绍了“茶叶小程序开发需要哪些功...
-
健身行业小程序开发功能及好处有哪些
健身行业小程序开发功能及好处有哪些这篇文章主要讲解了“健身行业小程...
-
直播小程序开发需要哪些功能
直播小程序开发需要哪些功能本篇内容主要讲解“直播小程序开发需要哪些...