记录前端内网开发之新入职篇

目录正篇一、nvm二、Node三、npm四、Git五、VSCode序篇正篇再次入职依旧需要进行内网开发的工作重温回忆记录一下内网前端开发全套环境顺序1、nvm → 2、Node → 3、npm→ 4、Git → 5、VSCode一步步照着装就行。一、nvm下载⏬node版本管理工具nvm简单直接找你的前端同事或领导问一下如何下载或获取。您好XX我这边搭建前端开发环境需要用到nvm的node版本管理工具麻烦您能帮忙联系一位前端的同事提供一下或者指导一下怎么下载或者获取吗内网 nvm Node 正确落地思路内网核心痛点不能访问外网、没法在线拉取 nvm / Node不能用nvm install在线下载版本必须提前在外网下载好全部离线包拷进内网部署内网离线安装标准操作提前掌握不用等别人教在外网可上网的电脑下载好nvm-windows 安装程序下载项目需要的 Node 对应版本完整 zip 包全部拷贝到 U 盘 / 内网共享文件夹传到你的开发机安装 nvm 到 D 盘固定目录D:\Program\nvm【 nvm 最好放在系统盘根目录下 】把离线 Node 压缩包解压放到nvm目录下的vxx.xx.xx文件夹内网终端执行nvm list nvm use 对应版本号手动配置好内网 npm 私有源全程不用碰外网内网额外避坑提醒✅ 所有路径全程纯英文绝对不能有中文、空格✅ 提前和团队对齐统一 Node 版本、内网私有 npm 地址、全局缓存目录❌ 不要在线执行nvm install内网百分百超时失败五、目录依然沿用咱们之前规划的完美适配内网D:\DevProgram ├── VSCode ├── nvm # nvm本体所有离线node版本 ├── nodejs # nvm软链接 └── WebStudy # 你的前端项目代码领导通过内网的 FeiQ 共享文件将 nvm 直接传送给我了。Setup-NVM for Windows 1.1.10 的安装步骤一、准备必做新电脑初次安装则无需此步骤先卸载电脑原有全部 node、npm干净环境卸载旧版 Node.js控制面板 → 程序和功能 → 卸载所有Node.js相关项。清理残留环境变量右键「此电脑」→ 属性 → 高级系统设置 → 环境变量删除用户 / 系统变量中所有node/npm相关路径。二、下载 1.1.10 安装包内网共享文件无需此步骤官方地址https://github.com/coreybutler/nvm-windows/releases/tag/1.1.10下载nvm-setup.exe约 2MB。三、安装步骤截图对应1、双击nvm-setup.exe同意协议 →Next。2、NVM 安装目录建议非中文、无空格默认C:\Users\用户名\AppData\Roaming\nvm可改D:\Program\nvm→Next。【 nvm 最好放在系统盘根目录下 】3、Node.js 软链接目录固定默认C:\Program Files\nodejs不要修改默认C:\Program Files\nodejs→Next。【 node 路径不用管 】4、确认设置 →Install→ 完成后Finish。四、验证安装新开CMD / PowerShell必须重启终端nvm -v # 输出版本1.1.10 即成功五、常用命令快速上手# 安装指定版本如 16.20.2 LTS nvm install 16.20.2 # 查看已安装 nvm list # 切换版本 nvm use 16.20.2 # 查看可安装版本 nvm list available内网关键配置最重要打开你的 nvm 文件夹D:\Program\nvm找到settings.txt复制粘贴写入两行国内镜像内网防拉取外网node_mirror: https://npmmirror.com/mirrors/node/ npm_mirror: https://npmmirror.com/mirrors/npm/保存关闭环境变量自动生成安装完毕自动生成两个系统环境变量NVM_HOMENVM_SYMLINK path 里面自动写入无需手动加二、Node简单直接找你的前端同事或领导问一下如何下载或获取。FeiQ 直接共享文件传送离线安装 Node内网不用在线下载外网电脑提前下载好需要的 node 压缩包 node14、node16、node18 常用开发版本把解压好的 node 文件夹放入nvm根目录【D:\Program\nvm】 文件夹命名格式v16.14.2标准格式内网常见报错解决切换 node 提示权限不足cmd 右键管理员运行识别不到版本文件夹命名必须带 v 例如 v14.18.0项目报错缺少依赖使用外网机器打包 node_modules 拷贝进来即可三、npm内网全部命令 直接复制#查看nvm版本 nvm v #查看本地离线所有node版本 nvm ls #切换对应版本 nvm use 16.14.2 #查看node npm是否生效 node -v npm -v内网 npm 本地源配置无网开发配置内网私有仓库地址npm config set registryhttp://内网私有npm地址禁止 npm 自动联网更新npm config set update-notifier false四、Git简单直接找你的前端同事或领导问一下如何下载或获取。FeiQ 直接共享文件传送Git 2.23.0 Setup 安装步骤Git-2.23.0 内网专用完整安装步骤一步步照着点就行1、双击打开 Git-2.23.0-Setup 安装程序 点击下一步2、许可协议页面 直接【下一步】3、安装路径不要装 C 盘改成 D 盘路径不要中文、不要空格 示例D:\Program\Git下一步4、组件选择 默认全部勾选不用改动 直接下一步5、开始菜单文件夹默认不变 下一步6、编辑器选择【使用 Vim 默认编辑器】内网开发统一选第一个不要更换下一步7、Git 环境 PATH 配置【重点必选】选择第二项Git from the command line and also from 3rd party software 意思可以和 cmd、vscode 共用环境内网开发标准选项下一步8、HTTPS 传输配置 默认第一项下一步9、换行符转换【内网前端必选】选择第一项 不自动转换换行Checkout Windows-stylecommit Unix-style 企业内网项目全部用这个防止代码换行报错下一步10、终端模拟器 选择第二项 Windows 自带 cmd不要 git 自带终端适配内网老旧系统下一步这里其实都可以11、额外配置 全部默认勾选下一步12、无需安装额外软件直接下一步13、点击 Install 等待安装完成14、安装完毕 取消两个勾选不要查看说明点击完成验证是否安装成功 内网 cmd 输入git --version出现git version 2.23.0就是安装完成五、VSCode简单直接找你的前端同事或领导问一下如何下载或获取。FeiQ 直接共享文件传送两个同事分别传了三个版本的VSCode我想使用最新版本的。问豆包VSCodeUserSetup-x64-1.42.0-insider 和 VSCodeUserSetup-x64-1.73.1 和VSCodeUserSetup-x64-1.108.2这三个哪个的版本是最高最新版本呢先把三个版本号拎出来1.42.0‑insider很早的内测版2020 年左右1.73.1稳定版2022 年 10 月左右1.108.2稳定版非常新VSCode 版本号规则主版本.次版本.修订号次版本数字越大越新。直接比较1.42.0 1.73.1 1.108.2所以最高、最新VSCodeUserSetup‑x64‑1.108.2稳定版其次1.73.1稳定最旧1.42.0‑insider内测老最终使用了VSCodeUserSetup‑x64‑1.108.2 版本的卸载了1.42.0‑insider。VSCode 的 扩展插件包同事那里只有一个 “ Vue (Official) ” 包从 “···” 中点击最下方的 “从 VSIX 安装...”序篇以下内容个人感觉有助于新手小白更快适应与上手工作老手无内网开发经验的可以了解一下。一、头天上班自我介绍本以为会简单做个自我介绍啥的所以提前准备了一下结果并没有不过也没事反正最好不要打无准备之仗心里有底踏实最好。三款简短不尴尬适合职场新人开会用版本一最简单通用首选最合适各位领导同事大家好。 我是今天新入职的员工XXX很高兴能够加入咱们这个大家庭。 往后工作当中还有很多不懂的地方希望各位前辈多多指教。 之后我会认真踏实做好本职工作好好配合团队谢谢大家。版本二干练沉稳一点大家好我是新来的XXX。非常荣幸来到公司和各位共事。 本人性格比较随和做事踏实认真。后续工作里面很多方面需要向大家学习往后多多相处也请大家多多包容今后一起好好努力。版本三极简很短 不爱说话就用各位同事大家好我叫XXX今日刚来入职。 初次入职很多地方不太熟悉往后工作麻烦大家多多照顾我会好好认真工作谢谢大家。二、虚拟桌面开发内网开发一般都不是在自己本地本机进行开发的一般都会登录至另一个桌面上开发。【可能是基于安全考虑安全系数会更高吧】上一家是登录华为的云桌面开发这一家是登录 “ 需桌虚桌” 开发等待领导帮你申请下来其账号和密码然后配置远程桌面连接地址“需桌”首次登录需要初始化密码这里有点坑的地方就是密码要求很严格我调整了好几次密码都失败了总结就是不能使用姓名拼音再一个密码长度至少12位其他要求就是基本的高等级要求那一套了没想到在改密码上花费较长时间。三、Svn 账号Svn 是啥背景项目负责人给分配配置了Git和Svn的管理账号但因为我只接触过Git没接触过Svn所以我也不懂这个就豆包了解了一下。【结论现代不常用忽略不用管也行】1、SVN 是什么SVN 就是 代码仓库、文件版本管理工具简单理解公司存放所有项目代码、文档、资料的 共享服务器文件夹所有人写的代码全部统一存在 SVN 服务器里面2、SVN 账号密码就是登录公司代码库的用户名 密码用来下载公司项目源码写完代码上传保存查看别人修改的文件对比好懂Git / Gitee / Github现在年轻人常用 代码工具SVN老公司、传统后端、老旧项目 全部在用日常三个操作1. 更新把别人改的代码下载到自己电脑2. 提交自己写完代码上传保存3. 冲突两个人改了同一处代码需要合并四、Windows 锁屏及设置密码因为但凡是内网环境开发的工作安全方面的工作一般都会要求比较严就比如说“场地安全”会要求你“离开工位必须锁屏”但我之前一直使用Mac本内网一般都是用Windows且需要你锁屏密码等级要高起码包含大小写、符合、数字三种。Windows 锁屏快捷键一键锁屏最常用Win L备用卡死也能用Ctrl Alt Del→ 选择 “锁定”Mac 锁屏快捷键一键锁屏Control Command Q带 Touch ID 的 Mac轻按 Touch ID 即可锁屏。小提示Windows先设好账户密码 / PIN锁屏后才需要验证。Mac在系统设置 → 锁定屏幕里把 “需要密码” 设为 “立即”。Windows 10/11 设置锁屏密码最稳最快1图形界面推荐按Win I打开设置。进入账户 → 登录选项。在密码处点添加已有密码点更改。输入新密码→确认→密码提示下一步→完成。锁屏测试按Win L现在需要密码才能进。2顺便把 “屏保后也要密码” 打开更安全设置 → 个性化 → 锁屏界面 → 屏幕保护程序设置。勾选在恢复时显示登录屏幕确定。3更推荐设个 PIN更快、只本机用同样在登录选项→PIN (Windows Hello)→添加。验证账户密码后设4–6 位数字解锁超快。4命令行备用适合管理员以管理员身份打开 cmd。输入plaintextnet user 你的用户名 新密码例如plaintextnet user Zhang 123456提示 “命令成功完成” 即可。五、文件夹目录名称想着D盘下新建几个文件夹用来分门别类存放前端所需各类东西起点规范名字看着舒服。D 盘新建总文件夹 最好简约干净以后所有编程软件全部放这里1、首选名称ProgramCode最适合程序员专门存放编辑器、开发软件、前端全部工具不乱杂乱2、次选名称DevProgram全部开发软件都装这里3、简约名称Program里面再分别新建子文件夹1、D:\ProgramCode\VScode【代码编辑器存放 vscode 安装包安装路径】2、D:\ProgramCode\nodejs【node.js 专门存放】3、D:\ProgramCode\Git【后续 git】4、D:\ProgramCode\Web【前端工具 放你所有前端学习文件】5、D:\ProgramCode\WebStudy【前端所有练习代码、作业文件全部放这里】6、D:\ProgramCode\ 软件程序【以后别的编程软件全部装这里】不要使用中文文件夹千万别用中文后期代码会报错乱码备用好听可以直接选用总文件夹名字DevFile 开发者文件CodeData程序开发库六、Notepad Plus 是啥旁边的同事将VSCode和Notepad Plus一块通过FeiQ传送给我了没有使用过Notepad PlusNotepad Plus 就是 Notepad常被口语说成 “Notepad plus”。简单说Windows 自带记事本的超级增强版免费、轻量、适合写代码。✅ 它能干啥比系统记事本强太多语法高亮写 HTML / CSS / JS、Python 等代码会自动上色看得清楚。多标签页一个窗口打开多个文件不乱。代码折叠大段代码可以收起来结构清晰。编码齐全UTF-8 / GBK 等不乱码。插件扩展可装 FTP、对比文件、格式化等插件。免费无广告。✅ 和 VS Code 怎么选Notepad超快、极简、占内存小适合快速改配置、写脚本、临时看代码。VS Code功能更全调试、Git、终端适合正式项目开发启动稍重。✅ 安装目录建议和你前面统一安装路径D:\DevProgram\Notepad纯英文路径不中文、不空格避免乱码。一句话总结日常轻量编辑用 Notepad正经项目开发用 VS Code。