weixin_45131680的博客

因为封装localStorage和sessionStorage可以提高程序的维护性、可重用性和扩展性，同时也可以使代码更为简单、易懂。可以新建一个utils目录文件，在该文件下新建storage.js文件进行封装。

我们在使用Vuevue-demo├── dist //项目构建后的输出目录├── public├── src├── tests //选装：测试模块├── ...dist—— 项目构建打包后的默认输出目录。查看详情 ->—— 项目依赖文件，其中包括很多基础依赖和自己安装的依赖。查看详情 ->public—— 存放公共资源和项目的主入口文件index.html。查看详情 ->src—— 项目核心文件夹：包括项目源码，各种静态资源等等。是我们开发的重点工作目录。查看详情 ->test。

这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~

正确的语句：npm install vue-router --force 或者 npm install vue-router --legacy-peer-deps。执行 npm install vue-router时报错，进过多方查找，最终逐渐了解到造成此问题的原因。二是 --legacy-peer-deps 忽视依赖冲突,继续安装（不覆盖之前）一是 --force 无视冲突，强制获取远端npm库资源 （覆盖之前）npmV7之前的版本遇到依赖冲突会忽视依赖冲突，继续进行安装。有两个命令可以解决此问题。

使用 npm 时，依赖每次被不同的项目使用，都会重复安装一次。**备注：**安装时容易挂，因为需要去github上下载包，github国内访问很不稳定，推荐第二种安装方式。为了解决这个问题，淘宝搭建了一个国内npm服务器，会定时拉取国外npm仓库内容，就是把国外的搬运到国内。使用npm安装包时，需要去npm仓库获取，而npm仓库在国外，很不稳定，有时获取会失败。第二种方法：替换npm默认仓库地址，执行下面命令，后续下载仓库内容时，继续使用。在不带参数的情况下使用时，将更新所有依赖关系。

本地安装了java、hadoop和nodejs，并配置了环境变量，但是hadoop的bin目录下存在yarn命令，所以使用nodejs的yarn命令启动项目会出现找不到类，此时键入。环境变量之前，所以系统将用户输入的。也会显示java的版本。

默认情况下，Yarn 使用官方的 npm registry 作为源来下载和安装依赖项。然而，由于官方源可能在国内访问速度较慢，您可以使用国内的镜像源来加快依赖项的下载速度。淘宝镜像：https://registry.npm.taobao.org使用命令。npm 镜像：https://registry.npmjs.org使用命令。cnpmjs 镜像：https://r.cnpmjs.org使用命令。将 Yarn 的源设置为 cnpmjs 镜像。将 Yarn 的源设置为官方的 npm 镜像。

const声明的好处，一让阅读代码的人知道该变量不可修改，二是防止在修改代码的过程中无意中修改了该变量导致报错，减少bug的产生。let声明没有产生预编译和变量提升的问题，先声明再使用可以让代码本身更加规范，let是个块级作用域，也不会污染到全局的变量声明。一旦声明，常量的值就不能改变，但对于对象和数据这种引用类型，内存地址不能修改，可以修改里面的值。let和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错。let和const在同一作用域不允许重复声明变量。var允许重复声明变量。

切换到项目js文件所在目录，或在目录中按住Shift键同时点右键选择。uglifyjs -v 显示uglify-js版本号。

UglifyJS是个包含JS解释器、代码最小化、压缩、美化的工具集，是前端开发打包的最常用工具之一。CocosCreator引擎采用gulp管理构建流程，其中也使用UglifyJS来做代码的合并和压缩。UglifyJS目前只能压缩JS代码，且只支持到ES5语法，尚不支持ES6。