在 Ubuntu 18.04 上 搭建微信小程式和公眾號應用開發環境

Matrixchan發表於2019-12-01

安裝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上 搭建微信小程式和公眾號應用開發環境

參考

Write the code.Change the world.

相關文章