yarn如何全局安装命令以及和环境变量的关系

2020-02-07 15:47:23

npm全局安装

npm i -g xxx

yarn 全局安装

yarn global add xxx

然而你可能会发现npm全局安装后的命令可以直接使用，而yarn却不行，这是为什么呢？

我们来查看下npm和yarn的bin目录

使用npm全局安装的yarn，需要配置环境变量，将 yarn bin的地址配置到用户变量内，然后重启命令行工具就可以了

2017-01-21 10:32:29

Vue-cli proxyTable 解决开发环境的跨域问题
和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要使用的域名。

2017-01-21 21:12:29

使用vue-cli搭建的项目如何在index.html里引入静态css和js
src目录下的资源只能import或require。想静态引入的话，建立一个与src同级的目录例如static，然后把静态资源放入该文件夹下，html的引入路径如下：./static/...

2017-01-21 21:44:29

详解 ESLint 规则，规范你的代码
在很久之前就想通过工具来规范自己的代码风格，减少程序出错的概率，如果看过我的一个前端程序猿的Sublime Text3的自我修养，这篇博客的朋友，肯定知道在当时我使用 SublimeLinter-jshint 插件来规范风格，但是实际上一直懒癌发作也没去看它的文档，使用着它默认的规则。不过现在是时候切换到 ESLint 了！

2017-01-23 14:06:45

webstorm修改文件，webpack-dev-server不会自动编译刷新
webstorm的保存，会在临时文件夹中创建一个文件用来保存（好像没有出发实际文件的变更），所以我们要在setting中勾掉这个设置，如下图

2017-01-23 23:09:16

使用 CSS3 实现超炫的 Loading（加载）动画效果
　SpinKit 是一套网页动画效果，包含8种基于 CSS3 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）