更新系统包
- 打开终端，执行命令
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
