前端博客小站 - JunF

Appearance

前端环境配置流程 ​

  • 前端程序基于 node v18.15.0 及以上
  • 使用 pnpm 包命令处理项目
  • 使用 nrm 切换 npm 源

程序安装包下载方式 ​

内部有共享盘，可以直接下载，也可以去各个软件的官网下载安装包

共享盘地址:ftp://192.168.1.100 安装程序所在目录： 软件部\李军芳\软件安装包

安装软件 ​

1. 安装 node ​

通过远程共享盘或者 node 官网去获取 node 安装包，本地安装 node npm 安装插件总是超时失败，先将 npm 包切换到淘宝镜像再去做下载

js
//切换npm源到淘宝镜像
npm config set registry https://registry.npm.taobao.org

//切回npm官网镜像
npm config set registry https://registry.npmjs.org
2. 安装 pnpm 包 ​

前端所有项目的 node_module 包和项目启动打包，都是通过 pnpm 命令去跑的，不是 npm 命令，所以首先要安装 pnpm 包

js
npm install pnpm
3. 安装 nrm ​

从共享盘或者官网下载安装包，安装 nrm。 nrm 用来切换 npm 源

npm 处理 ​

我们有属于公司定制的 UI 组件库，UI 组件库是放在公司服务器上的私有 npm 库里面，所有的项目都是基于这个组件库去开发的，所以需要添加公司内部私有源. 私有源地址:http://192.168.1.94:4873/

1. npm 私有源添加 ​
js
/**
 * 1.添加私有源
 * 2.格式： nrm add <registry> <url>，其中reigstry为源名，url为源的路径
 **/
nrm add npmYhui http://192.168.1.94:4873/
2. npm 源切换 ​

启动项目之前，先将 npm 源切到 npmYhui

js
nrm use npmYhui

项目开发 ​

1. 项目初始化 ​
pnpm i
2. 项目启动 ​
js
pnpm dev
3. 项目打包 ​
js
pnpm build //打包线上版本

pnpm test //打包测试版本