更新系统包

• 打开终端，执行命令

sudo apt update && apt upgrade -y

• 重启系统

安装git

• 终端执行命令

sudo apt install git -y

安装wget

sudo apt install wget -y

安装NVM

• 创建目录

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

• 执行安装程序

./install.sh

• 使用文件管理器依次进入 计算机-.>home->主目录 ，找到.bashrc文件，隐藏文件需要设置显示隐藏文件

  
  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

• 一般重启终端，该配置文件即可生效，不生效可以重启系统，再不生效（不可能不生效好吧，不生效我也没辙）

安装Node ： nvm install 指定版本号，比如

nvm install 16

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

愉快的使用npm

• 安装nrm(npm镜像管理器)

npm i nrm -g 

• npm使用淘宝镜像

nrm use taobao

vue开发

• 安装vue-cli

npm i @vue/cli -g

• 设置vue-cli使用淘宝镜像 ，vue命令不设置镜像源的话会使用蜗牛的版的npm镜像
• 还是刚才的.bashrc 文件同级目录下创建.vuerc文件，将下面配置写入文件中

{
  "useTaobaoRegistry":true
}

• 重启终端即可生效

安装VS Code

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

设置vscode样式，默认的标题栏，怎一个丑字了得

• 文件-首选项-设置，搜索“title Bar Style”，默认的native改成custom即可解决大额头问题。

  
  image.png

使用vscode开发Uniapp项目，

• 在uniapp官网选择自己合适的版本，执行相应的命令，即可拥有uniapp开发环境
  image.png
• 然后把之前的项目直接移动到项目src文件夹下（把原来的文件删掉），就可以启动项目了
• 如果使用了scss或者less，使用npm 安装即可

关于Linux没有HBuilder这件事

• linux系统没有HBuilder版本，可以使用vscode开发，如果你很喜欢HBuilder的主题，可以在拓展商店下载，就像下面这样

  
  image.png

• CSS类名提示插件，像HBuilder一样的类名备选功能，搜索：IntelliSense for CSS class names in HTML安装

  
  image.png

浏览器选择

• 本人偏爱微软的Edge浏览器，目前已经有对应的linux版本，不仅能同步书签，而且还有完整的Chorme插件市场可用，简直不要太爽 不想要新闻功能可以在页面右上角调出菜单项，设置为聚焦模式

  
  image.png

• 插件市场一览

  
  image.png