共计 1296 个字符，预计需要花费 4 分钟才能阅读完成。
零碎环境：MAC
技术栈：nvm/node/npm/nrm/vue-cli/webpack
NVM：
用于管制 / 切换 node 版本
文件门路：Users – .nvm – version – node
罕用指令：
nvm off // 敞开版本管理器
nvm on // 开启版本管理器
nvm -v/nvm --help // 显示命令帮忙
nvm --version // nvm 版本号
nvm ls // 列出本机所有 node 版本
nvm install [-s] <version> // 装置指定 node 版本 例如：nvm install 8.12.0
nvm uninstall <version> // 卸载指定 node 版本
nvm use 14.2 // 指定应用 node 版本
nvm alias default <version> // 指定默认 node 版本NODE.JS
node 是 javascript 的运行 / 编译环境
目标：为了让 JavaScript 能够和其余的后端语言一样可能在浏览器上运行
NPM：包管理器
NRM：切换 npm 源管理器
罕用指令：
nrm -V // 查看版本号
nrm ls // 查看所有源
nrm use [registry] // 切换源
nrm test [regostry] // 测试源速度Vue-cli(2/3/4):
vue -V / vue --version // 查看以后 vue-cli 版本版本异同：
装置：2：npm install -g vue-cli
3：npm install -g @vue/cli@版本号
4：npm install -g @vue/cli
创立：2：vue init webpack demo
3/4:vue create demo
目录:
2：有 build/confg
3、4：增 public，勾销 build/confg
启动：2：npm run dev
3：npm run serve
配置环境变量
2：在 config 和 build 中配置
3/4:
1. 在根目录增加 `.env` 文件，配置所有状况下都会用到的配置（不晓得这个存在的意义，所有的都须要的也就不须要配置了吧）。2. 在根目录增加 `.env.local` 文件，配置所有状况下都会用到的配置，与 `.env` 的区别是只会在本地，该文件不会被 git 跟踪。3. 在根目录增加 `.env.[mode]` 文件，配置对应某个模式下的配置, 比方：.env.development 来配置开发环境的配置。4. 在根目录增加 `.env.[mode].local` 文件，配置对应某个模式下的配置, 与 `.env.[mode]` 的区别也只是会在本地失效，该文件不会被 git 跟踪。应用环境变量：1. 在我的项目中应用必须以 VUE_APP 结尾
2. 在 webpack 中应用间接 process.env. 调用
WEBPACK（1/2/3/4）
版本异同：
webpack4 当前拆散 webpack 与 webpack-cli；webpack4 绝对于 3：1. mode 配置
2. Loader 应用规定
3. babel 命名规定
4. CommonsChunkPlugin：代码拆分插件
5. mini-css-extract-plugin: css 代码抽离插件
6. UglifyJsPlugin：js 代码压缩插件
7. happypack：多过程 loader 打包
正文完
