浅谈NPM依赖治理

深度清洁：使用npm prune命令优化你的Node.js项目

Vue CLI（Vue Command Line Interface），是一个用于快速搭建项目的工具，用于基于Vue.js进行快速开发。

• 提供了标准化的项目结构**，帮助开发者快速搭建项目框架；**
• 支持插件体系**，允许在项目中灵活添加功能；**
• 简化了Vue.js开发的配置和构建过程，集成了开发环境，简化了开发过程。

具体提供的一系列功能包括：

vue-cli3/cli4

项目打包（webpack）配置文件为项目根路径下创建的vue.config.js文件。

一、配置打包文件目录

module.exports = {
	// 静态资源访问路径 （默认/，打包后会白屏）
    publicPath: './', 
    // 打包后文件的目录 （默认为dist）
    outputDir: 'dist', 
    // 静态资源(js、css、img、fonts)目录 （默认为''，没有单独目录，在根目录中）
    assetsDir: 'static', 
}

1. vue-cli2只能利用vue init webpack app命令初始化vue2.x的项目。
2. vue-cli3至vue-cli4.5之间,可以利用vue create app初始化vue2.x的项目，不能初始化vue3.x，因为vue-cli4.5以上对应的才是vue3。
3. vue-cli4.5以上，可以利用vue create app初始化vue2.x或者vue3.x的项目，两者都可以在初始化时，自行选择。

一、vue-cli命令

一、process.env 与核心环境变量基础概念

1.1 process.env 的定义与本质

process.env 是 Node.js 运行时提供的一个全局环境对象，其本质是存储当前系统环境变量信息的键值对集合。

• 核心特性：

  • 属于 Node.js 原生 API，仅在 Node.js 环境（如项目构建过程、后端服务）中可直接访问，浏览器环境本身不内置此对象。
  • 包含系统级环境变量（如操作系统的 PATH、用户信息等）和项目自定义环境变量（如通过 .env 文件配置的变量）。

• 访问方式：

  • 在 Node.js 终端中，可直接输入 node 进入交互模式，再输入 process.env 查看所有环境变量；也可通过 process.env.变量名 单独获取某个变量（如 process.env.PATH）。
  • 在 Vue 项目中，通过 webpack 的 DefinePlugin 插件（Vue CLI 自动集成），部分变量（如 NODE_ENV、VUE_APP_* 前缀变量）会被注入到客户端代码中，因此在前端 JS/Vue 组件中可直接通过 process.env.变量名 访问。