前端开发环境配置

前端开发包管理工具（Yarn、npm）安装与配置。

---

• 包管理工具配置优化

包管理工具配置优化

安装 node.js （提供 npm 安装包）
修改 npm 安装包存储目录：`npm config set prefix "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global"`
修改 npm 缓存目录：`npm config set cache "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_cache"`
查看所有配置项： `npm config ls -l`
用户自定义配置文件：`/home/echoxu/.npmrc`
查看安装源：`npm config get registry`
修改安装源：`npm config set registry 'https://registry.npm.taobao.org'`
设置临时目录：`npm config set tmp "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global/tmp"`

使用 npm 安装 yarn：`npm install --global yarn`
添加进环境变量：`export PATH=$PATH:/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global/bin`
查看是否安装成功：`yarn --version`
修改安装源：`yarn config set registry 'https://registry.npm.taobao.org'`
修改全局安装包存储路径：`yarn config set global-folder "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global/yarn_global"`
修改临时目录：`yarn config set tmp "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global/tmp"`
改变yarn bin位置：`yarn config set prefix "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_global/yarn_global"`
设置 yarn 缓存路径：`yarn config set cache-folder "/home/echoxu/Programe/node-v16.14.2-linux-x64/node_cache/yarn_cache"`
查看当前yarn的全局安装位置：`yarn config dir`
查看所有配置：`yarn config list`
当前配置文件：`/home/echoxu/.yarnrc`

Links: vscode 配置 vue 开发环境