零碎环境：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打包
发表回复