分类
前端开发环境 技术

基于docker 搭建Verdaccio的教程

其实按照网上的教程基本都能成功启动,为了方便下次查找我在整理下

docker pull verdaccio/verdaccio

首先

docker run -it --rm --name verdaccio -p 4873:4873 verdaccio/verdaccio

这样就可以运行了,但是这样文件和更改不能持久化,一重启动就没了,肯定不是我们想要的效果

 -v /home/verdaccio/storage:/verdaccio/storage
 -v /home/verdaccio/config:/verdaccio/conf
 -v /home/verdaccio/plugins:/verdaccio/plugins

这样就可以了。

然后你兴高采烈的一敲命令,报错了。

这个由于启动时容器会去找 /home/verdaccio/config/config.yaml 文件,所以在 config 文件夹新建该文件,填入以下内容:

storage: /verdaccio/storage
auth:
  htpasswd:
    file: /verdaccio/conf/htpasswd
uplinks:
  npmjs:
    url: https://registry.npm.taobao.org/
packages:
  '@*/*':
    access: $all
    publish: $authenticated
    proxy: npmjs
  '**':
    proxy: npmjs
logs:
  - {type: stdout, format: pretty, level: http}
  • htpasswd 文件是用来存储 npm 用户及密码信息的文件
  • uplinks 上游源改为了淘宝的镜像源,这样在下载找不到的包的时候就会从淘宝下载。
  • 需要注意的是,上面配置文件的路径都是针对 docker 容器内部来说的。

这样打开你本地的 4873 就可以访问了,更多的设置建议看官方文档

参考链接

https://verdaccio.org/docs/zh-CN/next/docker

分类
ionic 前端开发环境 技术

ionic 编译的环境变量配置

No installed build tools found. Install the Android build tools version

有时候,新电脑编译apk的时候会报这些错,这其实都是环境变量没配置好导致的

首先先找到自己的sdk安装位置

打开环境变量配置

%ANDROID_HOME%\platform-tools

%ANDROID_HOME%\tools

修改完终端记得关闭下软件再重新打开才可以生效,当然直接重启电脑也是没问题的

分类
前端开发环境 技术

npm i 报错

一般在别人电脑跑的好好的,自己安装不起来的试试这套操作

npm cache verify 验证缓存

npm cache clean -f 强制清除缓存

这套结束后 npm i 之后 就好了

参考: https://docs.npmjs.com/cli/cache.html

分类
git 前端开发环境 小技巧

git 合并的时候报错

fatal: refusing to merge unrelated histories

有时候会新项目合并的时候会报这个错误,原因其实很简单,就是代码可能是直接从老项目整个拖过来的,导致了

git认为是写错了 origin ,如果开发者确定是这个 origin 就可以使用 --allow-unrelated-histories 告诉 git 自己确定

git pull –allow-unrelated-histories 就可以

分类
前端开发环境 小技巧

canvas 中的使用小技巧

长期更新

canvas画布的大小不是由样式决定的,请不要使用样式来确定画布大小,正确的确定画布的大小是 这样的

<!-- 样式改的是缩放大小,要这样写 -->
  <canvas #canvas1 width="1024" height="682"></canvas>

想了解更多可以看这篇
https://blog.csdn.net/cherrybomb1111/article/details/68951407

分类
前端开发环境

chrome 浏览器 解决跨域问题

版本号49之前的直接在后面加上--disable-web-security 就可以了。

重点是版本在49之后的。

chrome的版本升到49之后,跨域设置比以前严格了,在打开命令上加–disable-web-security之后还需要给出新的用户个人信息的目录。众所周知chrome是需要用gmail地址登录的浏览器,登录后就会生成一个存储个人信息的目录,保存用户的收藏、历史记录等个人信息。49版本之后,如果设置chrome浏览器为支持跨域模式,需要指定出一个个人信息目录,而不能使用默认的目录,估计是chrome浏览器怕用户勿使用跨域模式泄露自己的个人信息(主要是cookie,很多网站的登录token信息都是保存在cookie里)。

具体做法为:

1.在电脑上新建一个目录,例如:D:\ChromeDevUserData

2.在属性页面中的目标输入框里加上   --disable-web-security --user-data-dir=D:\ChromeDevUserData        ,--user-data-dir的值就是刚才新建的目录。

3.点击应用和确定后关闭属性页面,并打开chrome浏览器。

再次打开chrome,发现有“–disable-web-security”相关的提示,说明chrome又能正常跨域工作了。

参考:

http://www.spasvo.com/news/html/201634135708.html

https://segmentfault.com/q/1010000004609895