a624971020的博客

Vue创建项目的3种方式 前言： 在创建Vue项目时需要安装vue脚手架，安装方法入下： 打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息 一. 第一种方式 (1) 打开终端输入vue create 项目名 回车 (2) 在选择配置面板一般选择用户自定义配置 (3) 选择配置内容，一般为babel,router,linter等空格键经行选择 (4) 一般不建议使用历史模式 (5) 推荐使用第一项或第三项 (6) 选择第一项 (7) 一般选择第一项，为的

Vue实现懒加载(基于babel) 一. 安装对应依赖 两种方法：分别针对于终端和可视化窗口， 第一种方式为：打开终端-输入npm i –-save-dev @babel/plugin-syntax-dynamic-import 第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择开发依赖-搜索安装@babel/plugin-syntax-dynamic-import插件 二. 原理分析 为达到优化文件体积，加快页面传输使用懒加载功能，懒加载即将不同的路由对应的代码块进行分离打包，优化了文件传输的效率 三

移除Console.log() 一. 安装对应依赖 两种方法：分别针对于终端和可视化窗口， 第一种方式为：打开终端-输入npm i babel-plugin-transform-remove-console --save --dev 第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择开发依赖-搜索babel-plugin-transform-remove-console插件 二. 原理分析 在babel文件添加transform-remove-console字段，取除console.log输出，通过添加

添加页顶进度条 一. 安装对应依赖 两种方法：分别针对于终端和可视化窗口， 第一种方式为：打开终端-输入npm i nprogress –save nprogress 第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择运行依赖-搜索nprogress插件(一般为0.2.0版本) 二. 进度条的使用原理 对于nprogress包来...