关于前端:前端开发技术栈开发流程及其版本异同

零碎环境：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.0nvm 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-cli3：npm install -g @vue/cli@版本号4：npm install -g @vue/cli创立：2：vue init webpack demo3/4:vue create demo目录:2：有build/confg3、4：增public，勾销build/confg启动：2：npm run dev3：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打包