npm

npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`

我们两清 提交于 2020-08-09 18:02:46
今天进行npm install 出现以下错误: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.14.1 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\xxx\AppData\Roaming\npm-cache\_logs\2020-05-14T08_03_32_089Z-debug.log 出现原因:估计是家里网络不好下载安装不了,可以使用cnpm(npm淘宝镜像)安装或者手工设置该插件仓库地址 方法1 cnpm install 方法2 npm config set sass_binary_site=https://npm.taobao.org/mirrors

对element-upload二次封装文件图片上传,贼拉好使,不好使吃皮鞋。

依然范特西╮ 提交于 2020-08-09 17:26:07
这个数字………… 起因: 由于最近做的是CMS系统,上传文件,图片功能太多,使用element的文件上传组件,但是每次都需要写,感觉太繁琐,于是有了男人的想法………对 element 的文件上传组件进行了封装 个人认为还是挺全的,如果各位小哥有更好的建议或意见欢迎评论区提出,我会根据实际情况进行更改组件 组件已经上传到了 github 和 npm 组件优势---------->使用方便,比例(80*80),大小(MB),校验(必填项)等,一个参数搞定,记得点赞藏哦 1:增加上传为空校验,可选择是否是必填项 2:自定义为空提示 2:增加上传图片的比例尺寸校验,例如图片:支持图片 === | >= || <= 80*80,80是使用的时候传的 3:规定文件上传大小 4:自定义上传主题:图片或文件 5:自定义上传个数 6:指定文件上传完毕后是否继续显示上传按钮 7:增加一键清空按钮,可以根据参数让他显示不显示 8:文件上传成功后,可自动对你的参数进行赋值 9:是否开启剪裁(还在开发,请持续关注) 10:Hppt: 上传的端口,本地环境,测试环境,上线环境 单选、多选、支持发送 cookie 凭证信息等 github 地址 https://github.com/jasen666/uploadmodel npm 地址 https://www.npmjs.com/package/jasen

如何使用微信小程序第三方UI组件库

旧街凉风 提交于 2020-08-09 17:13:16
组件库主要是vant和微信小程序官方文档 小程序引入第三方UI框架(基于npm模块) 1、初始化package.json文件。 2、安装需要的小程序ui框架。 3、配置小程序(支持npm,配置在下面有写) 4、在app.wxml中引入第三方UI样式。 5、然后就可以使用了。(怎么使用看以下操作) 具体实现: npm init - y 初始化 npm install weui - miniprogram 安装 配置:打开开发者工具一步一步配置 然后在工具栏中找到工具,右键找到构建 npm,然后就直接生成了下面选中的文件(无需手动添加): 在app.wxss引入样式: 然后xxx.json中引入第三方组件路径。 vant 小程序UI组件库(使用方法和微信小程序官方文档的使用方法大致一致) 组件库地址:https://vant-contrib.gitee.io/vant-weapp/#/intro 1、初始化package.json npm init - y 2、安装需要的小程序ui框架或第三方包 npm i @vant / weapp - S -- production 3、配置小程序 支持npm,打开开发者工具 然后在开发者工具栏中找到工具,右键找到构建 npm. 就生成了下列文件 4、在要引入的页面中添加相关组件并在页面中直接使用 xxx . json中 引入第三方组件路径

js生成.d.ts文件

╄→尐↘猪︶ㄣ 提交于 2020-08-09 15:47:43
model生成.d.ts npm install -g dts-gen npm install -g package dts-gen -m package 单个文件生成.d.ts npm i dtsmake -g npm i tern --save-dev dtsmake -s fileame .js 来源: oschina 链接: https://my.oschina.net/u/2264711/blog/4279674

如何编写 VS Code 扩展

痞子三分冷 提交于 2020-08-09 14:42:13
通过为流行的代码编辑器编写自己的扩展来添加缺失的功能。 Visual Studio Code(VS Code)是微软为 Linux、Windows 和 macOS 创建的跨平台代码编辑器。遗憾的是,微软版本的 VS Code 是在 Microsoft Software License 下发布的,这不是一个开源的许可证。然而,它的源代码是开源的,在 MIT 许可证下由 VSCodium 项目发布。 VSCodium 和 VS Code一样,支持扩展、内嵌式 Git 控制、GitHub 集成、语法高亮、调试、智能代码补完、代码片段等。换句话说,对于大多数用户来说,使用 VS Code 和 VSCodium 没有什么区别,而且后者是完全开源的! 什么是 VS Code 扩展? 扩展extension可以让你为 VS Code 或 VSCodium 添加功能。你可以在 GUI 中或从终端安装扩展。 你也可以构建自己的扩展。有几个你可能想学习如何构建扩展的原因: 想要添加一些功能: 如果缺失你想要的功能,你可以创建一个扩展来添加它。 为了乐趣和学习: 扩展 API 允许你探索 VSCodium 是如何工作的,这是一件有趣的事情。 为了提高您的技能: 创建扩展可以提高你的编程技能。 为了成名: 创建一个对他人有用的扩展可以提高你的公众形象。 安装工具 在你开始之前,你必须已经安装了 Node

Hbuilder如何创建并运行Vue项目

白昼怎懂夜的黑 提交于 2020-08-09 13:37:59
以前在用hbuilder开发的时候用的是html 用一些使用手机端的框架 如 mui等。 http://dev.dcloud.net.cn/mui/ 手机端框架可参考: https://blog.csdn.net/Gabriel_wei/article/details/96476794 注: 1.使用HTML来开发界面。 2.你最好选择MUI前端框架。 3.Javascript写逻辑。 4.css写样式。 5.Ajax跨域调用APP应用服务端,获取数据,再引用个模板引擎之类的 现在都用vue 打包成dist 放入hbuilder 发布。 现在hbuilder也可以来开发vue 和 小程序等。 1. 首先 打开Hbuilder创建一个新项目 ,如下图所示 2. 接着 模板选择Vue项目 ,如下图所示 3. 然后 等待一会项目就创建好了 ,如下图所示 4. 接着 右键单击选择npm run build ,如下图所示 运行终端类型可选:内部终端 或外部终端 。(无内部终端需下载) 5. 然后 继续右键单击选择npm run serve ,如下图所示 6. 接着 找底部出现的地址和端口号 ,如下图所示 7. 最后 在浏览器中输入即可访问vue页面了 ,如下图所示 8,打包 npm run build 总结: 1,打开Hbuilder创建一个新项目 2,模板选择Vue项目 3

GitHub 宣布正式收购 npm,即将接管 JavaScript 生态系统?

末鹿安然 提交于 2020-08-09 13:37:08
GitHub 首席执行官 Nat Friedman 宣布 GitHub 已签署收购 npm 的协议,之后将致力于建立可靠的注册表基础架构并改善核心体验、提高代码的安全性。 这对整个开发者生态来说,无疑是一则重磅新闻。npm 全拼为 Node Package Manager,是 JavaScript/Node 软件包管理器。截至目前,npm 已经为超过 1200 万名开发者提供了超过 130 万个软件包,这些软件包每个月一共要被下载 750 亿次。 大部分的开发者都知道 Node.js 的爆火离不开 npm,其实 npm 之所以能发展到如今的规模,也离不开 Node.js。 Node.js 刚出世时,因为缺少一个单独的包管理器,于是其作者和 npm 的作者一拍即合,在 Node.js 中内置了 npm。 后来随着 Node.js 的火爆,大家开始用 npm 来共享 JavaScript 代码了,于是 jQuery 作者也将 jQuery 发布到 npm 了。随着 npm 的影响力日益增大,用 npm 来分享代码已经成了前端工程师的标配之一。 但因其开源的业务形态,再加上非职业化的企业运营,从创办起就不断陷入财务危机。在近一年中,该公司还频繁曝出丑闻,npm 的管理层在过去一年中也发生了数次变化。npm 的前员工和社区开发人员因对公司不满,还创建了一个 npm 的竞品。

vue项目使用xlsx-style实现前端导出Excel样式修改(添加标题,边框等),并且上传npm踩坑记录

倖福魔咒の 提交于 2020-08-09 11:41:05
前段时间,我们项目提出一个前端导出Excel表格的需求, 这个很简单,利用xlsx,file-saver很容易实现(网上很多教程)。 后来需要加入标题,标题居中显示,加入边框等等样式需求,这就给我很多困扰,查阅大量资料和研究,最终选定xlsx-style进行修改(借鉴https://www.jianshu.com/p/23ee264ecde8)。 以下便是xlsx-style踩坑之旅: 导入问题cnpm install --save xlsx-style import XLSX from "xlsx-style"报错:This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js 需要修改源码: 在\node_modules\xlsx-style\dist\cpexcel.js 807行 的 var cpt = require(’./cpt’ + ‘able’); 改成 var cpt = cptable; 本地src目录新建vendor/Export2Excel.js: /* eslint-disable */ require('script-loader!file-saver'); import XLSX from 'xlsx

vue项目使用xlsx-style实现前端导出Excel样式修改(添加标题,边框等),并且上传npm踩坑记录

主宰稳场 提交于 2020-08-09 11:40:51
前段时间,我们项目提出一个前端导出Excel表格的需求, 这个很简单,利用xlsx,file-saver很容易实现(网上很多教程)。 后来需要加入标题,标题居中显示,加入边框等等样式需求,这就给我很多困扰,查阅大量资料和研究,最终选定xlsx-style进行修改(借鉴https://www.jianshu.com/p/23ee264ecde8)。 以下便是xlsx-style踩坑之旅: 导入问题cnpm install --save xlsx-style import XLSX from "xlsx-style"报错:This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js 需要修改源码: 在\node_modules\xlsx-style\dist\cpexcel.js 807行 的 var cpt = require(’./cpt’ + ‘able’); 改成 var cpt = cptable; 本地src目录新建vendor/Export2Excel.js: /* eslint-disable */ require('script-loader!file-saver'); import XLSX from 'xlsx

CukeTest+Puppeteer的Web自动化测试一

谁都会走 提交于 2020-08-09 10:34:37
一、初识BDD、Cucumber(黄瓜)、CukeTest 行为驱动开发(Behavior Driven Development,BDD)。行为驱动开发能够保持文档和测试脚本的一致性,便于维护、也便于业务人员和技术人员沟通,始终保持应用软件的技术实现反映业务的需求。 Cucumber是行为驱动开发最流行的一个框架,它使用自然语言描述的行为来驱动测试代码,也支持多种语言,如Ruby、Python、JavaScript、Java等。 Cucumber源码: https://github.com/cucumber/cucumber-js CukeTest是开发测试自动化脚本的一个灵巧方便的工具。用户可以使用此工具快速创建BDD(行为驱动开发, Behavior Driven Development)测试脚本。它集成了Cucumber框架和JavaScript,可视化编辑,调试功能,并有多个html报告模板可供选择。同时它能够 实现了各种类型应用的自动化,包括Web、Windows、移动设备、API等等。 CukeTest使用文档: http://www.cuketest.com/zh-cn/ 二、Cucumber如何运行的? Features:剧本(测试项的目运行文件都在features目录下,以 .feature 结尾的为剧本文件,一个剧本文件中可以包含多个场景