2022学习在Ubuntu 18.04 上搭建微信小程序和公众号应用开发环境

 所属分类:php教程

 浏览:175次-  评论: 0次-  更新时间:2022-10-08
描述:更多教程资料进入php教程获得。 程序员必备接口测试调试工具:立即使用 Apipost = Postman + Swagger + Mock + Jmeter Api...
更多教程资料进入php教程获得。

程序员必备接口测试调试工具:立即使用
Apipost = Postman + Swagger + Mock + Jmeter
Api设计、调试、文档、自动化测试工具
后端、前端、测试,同时在线协作,内容实时同步

【相关学习推荐:微信小程序开发教程】

在Ubuntu 18.04上 搭建微信小程序和公众号应用的开发环境

安装NVM

如果在Ubuntu上使用apt-get安装了Node.js,需要先手动移除:

$ sudo apt-get purge nodejs && sudo apt-get autoremove && sudo apt-get autoclean
登录后复制

安装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中:

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
登录后复制

测试:

在Ubuntu 18.04上 搭建微信小程序和公众号应用开发环境

使用淘宝镜像

export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
登录后复制

NVM 常用指令

查看本地所有可以用的 Node.js 版本

$ nvm list
登录后复制

查看服务器端可用的 Node.js 版本

$ nvm ls-remote
登录后复制

*安装 `8.` LTS 版本 (长久维护版本) **

$ nvm install 8.16.2
登录后复制

设置默认版本

$ nvm use  8.16.2
$ nvm alias default  8.16.2
登录后复制

使用淘宝进行加速 NPM

$ npm config set registry=https://registry.npm.taobao.org
登录后复制

将 NPM 更新到最新

$ npm install -g npm
登录后复制

检测版本

$ npm -v
登录后复制

安装Yarn

第一种方法:安装稳定版1.19.1

配置仓库:

url -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
登录后复制

安装:

sudo apt-get update && sudo apt-get install --no-install-recommends yarn
登录后复制

第二种方法: 通过npm安装

npm install --global yarn
登录后复制

然后在终端中设置PATH环境变量(即把以下代码添加到 ~/.bash_profile, ~/.zshrc, ~/.profile, 或者 ~/.bashrc

export PATH="$PATH:`yarn global bin`"
登录后复制

最后运行命令测试Yarn是否安装成功:

yarn --version
登录后复制

在Ubuntu 18.04上 搭建微信小程序和公众号应用开发环境

安装 Linux微信web开发者工具

下载项目和初始化

git clone https://github.com/cytle/wechat_web_devtools.git
cd wechat_web_devtools
# 自动下载最新 `nw.js` , 同时部署目录 `~/.config/wechat_web_devtools/`
./bin/wxdt install
登录后复制

安装Wine

sudo apt-get install wine-binfmt
sudo update-binfmts --import /usr/share/binfmts/wine
登录后复制

启动ide,开发和调试网页

./bin/wxdt # 启动
登录后复制

在Ubuntu 18.04上 搭建微信小程序和公众号应用开发环境

小程序基础环境搭建

安装wepy-ci

WePY 是一个小程序组件化开发框架,开发风格接近 Vue.js,更贴近于 MVVM 架构模式,相比小程序原生开发要更加的方便快捷。

yarn global add wepy-cli
登录后复制

初始化项目

mkdir helloworld
cd helloworld 
helloworld  wepy init standard ./
登录后复制

在Ubuntu 18.04上 搭建微信小程序和公众号应用开发环境

对项目进行编译,并持续监听代码变化**

wepy build --watch
登录后复制

在Ubuntu 18.04上 搭建微信小程序和公众号应用开发环境

相关学习推荐:微信公众号开发教程

以上就是学习在Ubuntu 18.04 上搭建微信小程序和公众号应用开发环境的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!