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

coldplay.xixi
發布: 2020-08-17 16:43:29
轉載
4483 人瀏覽過

學習在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
登入後複製

測試:

在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微信網頁開發者工具

下載專案和初始化

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 上建立微信小程式和公眾號應用開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:learnku.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板