npm

深入浅出FE(十三)前端nexus3 Yarn离线部署npm仓库

纵饮孤独 提交于 2020-10-15 21:32:30
Table of Contents 一、前提 二、nexus3 npm仓库搭建 Nexus Repository Manager 中添加 npm Proxying npm Registries Private npm Registries Grouping npm Registries 设置权限 发布到hosted 三、下载项目需要的npm包 四、批量上传npm包到仓库 五、参考资料 网上的很多教程都是服务器可以连接外网的前提下撰写的,但看过无数教程还没有一个专门针对服务器离线环境如何部署一个npm仓库。 一、前提 服务器离线、仓库离线 二、nexus3 npm仓库搭建 Nexus Repository Manager 中添加 npm 如果点击: 这里有三个类型的npm选项: 附上某歌翻译: Proxying npm Registries 为了减少开发人员和CI服务器的重复下载量并提高下载速度,您应该对托管在 https://registry.npmjs.org 上的注册表进行代理。 默认情况下,npm直接访问此注册表。 您还可以代理您需要的任何其他注册表。 要代理外部npm注册表,您只需创建一个新的npm(代理),如“存储库管理”中所述。 最小配置步骤是: 定义名称 定义远程存储的URL,例如 https://registry.npmjs.org 选择存储的Blob存储

Failed at the node-sass@4.14.1 postinstall script. npm ERR! This is probably not a problem with npm

大城市里の小女人 提交于 2020-10-15 03:57:19
报错信息: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.0 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.14.0 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 解决方案:直接在当前目录下进行node-sass 的数据源设置 npm config set sass_binary_site=https: // npm.taobao.org/mirrors/node-sass 再次执行: npm i 来源: oschina 链接: https://my.oschina.net/zhenggao/blog/4298870

对于WebAssembly编译出来的.wasm文件js如何调用

点点圈 提交于 2020-10-14 18:15:08
WebAssembly也叫浏览器字节码技术 这里就不过多的解释了网上很多介绍 主要是让大家知道在js里面如何调用执行它,我之前看WebAssemblyAPI时候反正是看得一脸懵逼 也是为了大家能更快的入手这个比较新的技术吧 这边写的一个dom是官方推荐的c/c++编译的 c代码 1 int add ( int x, int y) { 2 return x + y; 3 } 4 5 int square ( int x) { 6 return x * x; 7 } 属性c但是对字节码不熟悉的朋友可能会不理解,为什么没有main函数 这里主要是把这个c代码当成一个模块调用不需要它自己执行所以没有,官方也有有main函数的能直接生成js和html但是太过雍于, 这种方式比较推荐,也是让js能直接调用比较方便 之后使用 emscripten进行编译 emcc math.c -Os -s WASM=1 -s SIDE_MODULE=1 -o math.wasm 然后就有math.wasm文件了,如果没装emscripten的话我博客里面有一篇是关于安装的 有了math.wasm文件后就该用js调用它了 新建math.html加入调用的方法如下: 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset =

Vue3教程,抢先学习

谁说胖子不能爱 提交于 2020-10-14 13:55:27
Vue 3尚未正式发布,但是维护者已经发布了Beta版本,供我们的参与者尝试并提供反馈。 如果你想知道Vue 3的主要功能和主要变化是什么,那么我将在这篇文章中重点介绍一下,告诉你使用Vue 3 beta 9创建一个简单的应用程序。 我将介绍尽可能多的新内容,包括fragments,teleport,Composition API以及其他一些晦涩的更改。我将尽力解释该功能或更改的原理。 Vue3相关文章: Vue3 Composition API如何替换Vue Mixins Vue3 Composition API中的提取和重用逻辑 如何在Vue2与Vue3中构建相同的组件 Vue3中的Vue Router初探 我们将建立什么 我们将构建一个带有模式窗口功能的简单应用。我之所以选择它,是因为它可以方便地展示Vue 3的许多变化。 这是该应用在打开和关闭状态下的外观,因此你可以在脑海中描绘出我们正在做什么: Vue 3安装和setup 与其直接安装Vue 3,不如克隆一个项目 vue-next-webpack-preview ,这将为我们提供一个包括Vue 3在内的最小的Webpack设置。 $ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment $ cd vue3

从0开始,手把手教你开发并部署上线一个知识测验微信小程序

时光总嘲笑我的痴心妄想 提交于 2020-10-14 01:52:26
上线项目演示 微信搜索[放马来答]或扫以下二维码体验: 项目源码 项目源码 其他版本 Vue答题App实战教程 Hello小程序 1.注册微信小程序 点击立即注册,选择微信小程序,按照要求填写信息 2.登录小程序并完善信息 填写小程序信息,完善信息。 3.下载小程序开发工具 完善信息后点击文档,工具,下载,选择稳定版的对应平台的安装包下载,下载完后点击安装即可 4.建立小程序项目 扫码登录,选择小程序,并点击加号,填写相关信息,APPID位置于下方截图所示。 5.小程序代码结构介绍 如下图所示的四个文件,主要用于注册和配置微信小程序,其包含的是全局配置信息。 app.js:用于注册微信小程序应用。 app.json:小程序的全局配置,比如网络请求的超时时间,以及窗口的属性 app.wxss:小程序全局样式 project.config.json:包含了小程序的整体配置信息,即使是换了开发设备,亦或是换了项目,只要将该文件保留,每个开发者的个性化设置就都将保留。 如下图所示,还有两个目录, pages:每一个子文件夹代表了小程序的一个页面,比如index,和logs分别代表了两个页面。每个页面又由四个文件组成: index.js :处理页面逻辑和数据交互。 index.json :对应页面的配置信息。 index.wxml :展示页面的内容和元素。 index.wxss

CentOS7 安装 nodejs

百般思念 提交于 2020-10-13 00:56:33
nodejs 官网 https://nodejs.org/en/ mkdir /data/tools -p && cd /data/tools wget https://nodejs.org/download/release/v10.16.0/node-v10.16.0-linux-x64.tar.gz tar zxvf node-v10.16.0-linux-x64.tar.gz mv node-v10.16.0-linux-x64 /usr/local/node-v10.16.0 # 修改 PATH vi /etc/profile export NODEJS=/usr/local/node-v10.16.0 export PATH=$PATH:$NODEJS/bin source /etc/profile 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org node -v cnpm -v 创建一个应用 mkdir /data/server -p && cd /data/server vi server.js var http = require("http"); http.createServer(function(req,res){ res.write('<head><meta