更新系統(tǒng)包

• 打開終端，執(zhí)行命令

sudo apt update && apt upgrade -y

• 重啟系統(tǒng)

安裝git

• 終端執(zhí)行命令

sudo apt install git -y

安裝wget

sudo apt install wget -y

安裝NVM

• 創(chuàng)建目錄

mkdir -p /usr/local/nvm

• 下載nvm安裝包，由于git的一些蛋疼的原因，建議使用gitee鏡像倉庫下載

git clone https://gitee.com/Annlix/nvm-sh_nvm.git /usr/local/nvm

• 進入剛才下載的文件目錄

cd /usr/local/nvm

• 執(zhí)行安裝程序

./install.sh

• 使用文件管理器依次進入 計算機-.>home->主目錄 ，找到.bashrc文件，隱藏文件需要設(shè)置顯示隱藏文件

  
  
  image.png

• 找到.bashrc文件

  
  
  image.png
• 使用文本編輯器打開，在文件末尾添加如下代碼 (找文件和當前步驟，懂linux的大佬可以用命令行和vim完成，這里不詳細介紹了)

export NVM_DIR="$HOME/.config/nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node

• 一般重啟終端，該配置文件即可生效，不生效可以重啟系統(tǒng)，再不生效（不可能不生效好吧，不生效我也沒轍）

安裝Node ： nvm install 指定版本號，比如

nvm install 16

• 至此node就安裝完成了，可以愉快的npm了

愉快的使用npm

• 安裝nrm(npm鏡像管理器)

npm i nrm -g 

• npm使用淘寶鏡像

nrm use taobao

vue開發(fā)

• 安裝vue-cli

npm i @vue/cli -g

• 設(shè)置vue-cli使用淘寶鏡像 ，vue命令不設(shè)置鏡像源的話會使用蝸牛的版的npm鏡像
• 還是剛才的.bashrc 文件同級目錄下創(chuàng)建.vuerc文件，將下面配置寫入文件中

{
  "useTaobaoRegistry":true
}

• 重啟終端即可生效

安裝VS Code

• 可在軟件商店中搜索Visual Studio Code ,注意是全稱

設(shè)置vscode樣式，默認的標題欄，怎一個丑字了得

• 文件-首選項-設(shè)置，搜索“title Bar Style”，默認的native改成custom即可解決大額頭問題。

  
  
  image.png

使用vscode開發(fā)Uniapp項目，

• 在uniapp官網(wǎng)選擇自己合適的版本，執(zhí)行相應(yīng)的命令，即可擁有uniapp開發(fā)環(huán)境
  
  image.png
• 然后把之前的項目直接移動到項目src文件夾下（把原來的文件刪掉），就可以啟動項目了
• 如果使用了scss或者less，使用npm 安裝即可

關(guān)于Linux沒有HBuilder這件事

• linux系統(tǒng)沒有HBuilder版本，可以使用vscode開發(fā)，如果你很喜歡HBuilder的主題，可以在拓展商店下載，就像下面這樣

  
  
  image.png

• CSS類名提示插件，像HBuilder一樣的類名備選功能，搜索：IntelliSense for CSS class names in HTML安裝

  
  
  image.png

瀏覽器選擇

• 本人偏愛微軟的Edge瀏覽器，目前已經(jīng)有對應(yīng)的linux版本，不僅能同步書簽，而且還有完整的Chorme插件市場可用，簡直不要太爽 不想要新聞功能可以在頁面右上角調(diào)出菜單項，設(shè)置為聚焦模式

  
  
  image.png

• 插件市場一覽

  
  
  image.png