解决WebStorm无法正确识别Vue3组合式API的问题
猜想这种问题的原因是无法正确识别对应的Vue3库,笔者相信WebStorm是可以做到的,只是某些配置没有正确,笔者尝试过在设置的Libraries中勾选上node_modules,但是没有效果。
2021-02-17
angular2 UI组件之primeNG用法
前言:众所周知,primeNG是ng2的一个ui组件库,很强大,个人感觉比ng2-bootstrap还强大,下面就告诉大家怎么安装使用,官网:[链接]
与你项目相关的npm知识总结
每次克隆下别人的代码后,执行的第一步就是 npm install 安装依赖包,安装成功后所有的包都会放在项目的 node_modules 文件夹下,也会自动生成 package-lock.json文件。有没有好奇过 node_modules 下的文件都是啥?package-lock.json 文件的作用是啥?
库文件太大,webpack打包时怎么办
写成从node_modules导入的,就不会出现run慢或者报错,还很快。这是为什么?是因为node_modules里面不会再实时编译了那有没有方法,webpack可以设置一些不实时编译的文件
2018-09-27
node模块加载层级优化
大家也或多或少的了解node模块的加载机制,最为粗浅的表述就是依次从当前目录向上级查询node_modules目录,若发现依赖则加载。但是随着应用规模的加大,目录层级越来越深,若是在某个模块中想要通过require方式以依赖名称或相对路径的方式引用其他模块就非常麻烦,影响开发效率和美观。
2016-11-17
native-echarts 问题汇总
1./node_modules/native-echarts/src/components/Echarts/ 目录下的tpl.html 拷贝一份 2./android/app/src/main 创建 assets文件夹3.把第一步拷贝的文件放到第二步创建的assets文件夹下4.进入Echarts文件(/node_modules/native-echarts/src/components/Echarts/index) 把WebView的source改为
Build Angular npm package and publish it to npm server
Edit package.jsona. add "$schema":"./node_modules/ng-packagr/package.schema.jsonb. edit build script: "build": "ng-packagr -p package.json"c. add postbuild to script: "postbuild": "node-sass ./src/styles.scss ./dist/ab-input.css"d. add publish to script: "publish": "npm publish dist"
2020-03-06
小米手机 adb devices 一直卡住没有响应
下面的命令一直卡住 {代码...} 但是手机的端口都是 ok 的 {代码...} 我还个手机再使用 adb pair 试试,排查一下是手机的问题,还是电脑的 adb 问题 {代码...} 换了一个手机,发现也不行所以不是小米手机的问题,而是 adb 的问题,可能是 adb 卡死了所以我想重启一下 linux 上的 adb 服务 {代码...} 但是发现 kill-sever ...
2024-02-23
Pnpm:包管理的新星,如何颠覆 Npm 和 Yarn
在探索现代 JavaScript 生态系统时,我们常常会遇到新兴技术的快速迭代和改进。其中,包管理工具的发展尤为重要,因为它们直接影响开发效率和项目性能。最近,pnpm 作为一种新的包管理工具引起了广泛关注。它不仅挑战了传统工具如 npm 和 Yarn,还提供了一些独特的优势,使其在许多方面超越了前辈。
node系列:二、模块化
为了统一 Javascript 在浏览器之外的实现,CommonJS 诞生了,CommonJS 试图定义一套普通应用程序使用的 API,从而填补 JavaScript 标准库过于简单的不足。 CommonJS 规范包括了模块、包、系统、控制台、文件系统、单元测试等部分。
webpack坑系列--安装webpack-cli
npm install webpack-cli -D提示在开发环境中局部安装webpack-cli成功安装webpack-cli后,运行webpack -h还是提示
Rollup使用记录
rollup也是一款打包工具,比webpack要轻量许多,用于弥补gulp的无tree-shaking(这个技术可以移除没有使用的代码)是很好的选择,最大的用途是打包生产一个库文件,比如sdk.js之类。虽然webpack也可以做到,但是webpack较重,打包后的文件有部分webpack内部代码,如__webpack__require之类的函数定义,给人一种不干净的感...
npm-scripts 在 windows 下的兼容问题
今天有开发的同事问我说,在本机开发的 windows 上运行构建命令报错,不知道怎么回事儿。作为一名 Mac 用户,当然也不知道为什么啦,过去看看,果然有错误。
在命令行中执行 ts
配置 npm 淘宝源 {代码...} 如果后悔了,想撤销淘宝源就运行npm config delete registry 在命令行运行ts文件 首先需要安装ts,ts-node {代码...} 新建1.ts文件,写上这两句话 {代码...} 添加可执行权限(windows 用户可直接执行第 3 步) {代码...} 在命令行中执行1.ts文件 {代码...} 就可以看到终端中输出hello world ...
2019-04-08
PicGo+Gitee(码云)中的404错误解决方案
今天在用PicGo配置Gitee时,出现了404问题,记录一下解决方案。安装与配置PicGo默认是不支持Gitee的,只能通过安装插件来进行支持。我这里安装的插件是Gitee。在图床设置--->Gitee图床设置对相关信息进行设置设置项的内容应该怎么填写,请参考[链接],我这里转一下该文章的关键部分:假如你的仓库的 url 是:[链接]ow...
2021-10-28
Angular CLI 里打印出来的 TypeScript 版本号是从哪里来的
在探讨 Angular CLI 中 ng version 命令如何解析 TypeScript 版本号的过程中,我们需要深入了解 Angular CLI 的工作原理以及它如何与项目依赖进行互动。Angular CLI 是一个强大的前端构建工具,它提供了一系列命令来帮助开发者初始化、开发、构建和维护 Angular 应用。ng version 命令用于显示 Angular CLI 和项目依赖的...
2024-03-01
解决antd-mobile样式被postcss转换的问题
思路是在webpack里postcss-loader不对库的文件起作用。经过尝试配置如下: {代码...} 显示就是正常的了。
2019-05-17