开发真是个孰能生巧的活

客官°小女子只卖身不卖艺 2023-07-24 02:55 112阅读 0赞

是啊，没真正的写代码有些岁月了。俗话说得好，有得必有失。失去了对代码的精熟度，得到了对项目管理、架构的统筹帷幄。

总结一下最近几天代码旅程中出现的一些小状况：

# 一、前端 #

前端框架变化真是大呀，所以也成就了众多前端架构师、前端工程师。目前以VUE、React为主框架，公司项目大多也以此为主。对于后端看前端基本还是有些痛（和曾经的JQuery、Ext时代区别很大），但是基本的环境配置要求后端仍需要必备掌握。说起环境那必然就是Node环境+开发工具使用（以VSCode、WebStorm为主流）。

![format_png][]

Nodejs 内置的npm默认会把模块安装在c盘的用户AppData目录下（吐槽一下：不明白为啥现在的软件都喜欢把资源装在这里）

**1.打开cmd命令行，查看当前配置**

输入 npm config ls

先看一下当前npm的配置环境，由于我已经修改过，所以可以看到修改后的路径

**2.修改路径**

这里需要修改两个路径，module路径和cache路径

module对应prefix

cache对应cache

首先在别的盘新建两个目录

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> </td> 
   <td> <p><code>D:\nodejs\node_modules\npm\node_global_modules</code></p> <p><code>D:\nodejs\node_modules\npm\node_cache</code></p> </td> 
  </tr> 
 </tbody> 
</table>

然后依次执行

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> </td> 
   <td> <p><code>npm config set prefix"D:\nodejs\node_modules\npm\node_global_modules"</code></p> <p><code>npm config set cache"D:\nodejs\node_modules\npm\node_cache"</code></p> </td> 
  </tr> 
 </tbody> 
</table>

**3.修改环境变量**

新增环境变量 NODE\_HOME

修改Path，追加 %NODE\_HOME%\\;%NODE\_HOME%\\node\_modules;%NODE\_HOME%\\node\_modules\\npm\\node\_global\_modules\\;

**4.测试一下**

重新打开一个cmd命令行，安装一个插件试试

执行

npm install cordova -g// -g意思是安装到全局目录下

安装完毕后打开设置的安装路径看下是否成功

**推荐：开发环境Node搭建默认安装C盘，可省去上述配置过程。**

再说开发工具VSCode（我看前端小伙伴都在用，也是曾经做培训师的标准工具），熟悉了IDEA修改自动保存功能，却疏忽了VSCode需要手动保存，着实是大坑。（下图灰色圆点文件标识为修改未保存的文件）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBsZW11cnJpbmE_size_16_color_FFFFFF_t_70][]

[format_png]: /images/20230528/4101910da1fa48c5947a5d08fc6aeb1e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbXBsZW11cnJpbmE_size_16_color_FFFFFF_t_70]: /images/20230528/5773317f26c44592a48dd7888adb2ef5.png