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

【相關學習推薦：微信小程式開發教學】

在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

測試：

使用淘寶鏡像

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

安裝Linux微信網頁開發者工具

下載專案和初始化

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 # 启动

##小程式基礎環境搭建

安裝wepy-ci

WePY 是一個小程式元件化開發框架，開發風格接近Vue.js，更貼近MVVM 架構模式，比起小程式原生開發要更加的方便快速。

yarn global add wepy-cli

初始化專案

mkdir helloworld
cd helloworld 
helloworld  wepy init standard ./

#對專案進行編譯，並持續監聽程式碼變更**

wepy build --watch

#相關學習推薦：

微信公眾號開發教學

以上是學習在Ubuntu 18.04 上建立微信小程式和公眾號應用開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章！