npm | 易学教程

vue与TypeScript集成配置最简教程

阅读更多关于 vue与TypeScript集成配置最简教程

https://blog.csdn.net/u014633852/article/details/73706459 https://segmentfault.com/a/1190000011878086 这个是另一个typescript配置的文件 >npm i ts-loader typescript tslint tslint-loader tslint-config-standard --save-dev vue与TypeScript集成配置最简教程 vue与TypeScript集成配置最简教程前言初始化项目配置测试进阶前言 Vue的官方文档没有给出与TypeScript集成的具体步骤，网上其他的教程不是存在问题就是与vue-cli建立的项目存在差异，让人无从下手。下面我就给出vue-cli建立的项目与TypeScript集成的最简配置。初始化项目首先用vue-cli建立webpack项目。这里为了演示方便，没有打开router和eslint等，可以根据自身情况打开。 # vue init webpack vue-typescript ? Project name vue-typescript ? Project description A Vue.js project ? Author ? Vue build standalone ? Install vue

如何科学修改 node_modules 里的文件（同事看了直呼内行）

阅读更多关于如何科学修改 node_modules 里的文件（同事看了直呼内行）

作者：沉末_ 原文：https://juejin.im/post/5d25b39bf265da1bb67a4176 前言有时候使用 npm 上的包，发现有 bug ，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改 node_modules 里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个：下载别人代码到本地，放在 src 目录，修改后手动引入。 fork 别人的代码到自己仓库，修改后，从自己仓库安装这个插件。这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，无法与插件同步更新。如果我们要修改的代码仅仅是别人的一个小模块，其他大部分代码都不动，这时候有一个很投机的操作：利用 webpack alias 来覆盖别人代码。 webpack alias 的作用 webpack alias 一般用来配置路径别名，使我们可以少写路径代码： chainWebpack: config => { config.resolve.alias .set( '@' , resolve( 'src' )) .set( '#' , resolve( 'src/views/page1' )) .set( '&' , resolve( 'src/views/page2

【编程鹿】害学element-ui 看这篇就够了

阅读更多关于【编程鹿】害学element-ui 看这篇就够了

环境搭建 npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">  <script src="https://unpkg.com/element-ui/lib/index.js"></script> 我们建议使用 CDN 引入 Element 的用户在链接地址上锁定版本，以免将来 Element 升级时受到非兼容性更新的影响。 Hello world 通过 CDN 的方式我们可以很容易地使用 Element 写出一个 Hello world 页面。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk

NVM安装nodejs的方法

阅读更多关于 NVM安装nodejs的方法

安装nodejs方式有很多种。第一种：官网下载通过 nodejs官网下载安装，但有个缺陷，不同版本的nodejs无法顺利的切换。第二种: NVM安装 NVM可以帮助我们快速切换 node版本。但是安装NVM过程中有很多坑，网上找了很多文档都没解决问题。这里自己总结下，帮助大家顺利安装软件。一、下载nvm安装包 1 下载地址 github上下载最新版本: https://github.com/coreybutler/nvm-windows/releases 推荐下载第三个包：nvm-setup.zip 2 成功安装的nvm标志命令行：nvm 成功出现下面的代码二、配置淘宝镜像由于nvm默认的下载地址 http://nodejs.org/dist/是外国外服务器，速度非常慢，因而可以切换到淘宝的镜像，下载速度会快很多。配置方法：打开nvm的安装路径，默认安装路径是：C:\Users\zhong\AppData\Roaming\nvm 打开settings.txt，加入下面文件 root: C:\Users\zhong\AppData\Roaming\nvm path: C:\Program Files\nodejs arch: 64 proxy: none node_mirror: http://npm.taobao.org/mirrors

The engine “node” is incompatible with this module

阅读更多关于 The engine “node” is incompatible with this module

来源： https://stackoverflow.com/questions/56617209/the-engine-node-is-incompatible-with-this-module

centos7安装kong和kong-dashboard

阅读更多关于 centos7安装kong和kong-dashboard

1、安装Kong yum install -y https://kong.bintray.com/kong-community-edition-rpm/centos/7/kong-community-edition-0.13.1.el7.noarch.rpm 2.安装好后可以使用命令whereis kong查看安装路径。 3.去/etc/kong/目录下，此时只有一个文件 kong.conf.default ，复制这个文件到当前目录下，并重命名为 kong.conf（我就是把他复制到外层目录，重命名后在拷贝回来），修改kong.conf的配置文件为下边： $ cp /etc/kong/kong.conf. default /etc/ $ mv /etc/kong.conf. default /etc/ kong.conf $ cp /etc/kong.conf /etc/kong/ $ rm -rf /etc/ kong.conf $ vi /etc/kong/kong.conf 4.初始化数据库表 $ kong migrations up -c /etc/kong/kong.conf 5.启动kong服务 $ kong start Kong started 6.验证Kong是否成功启动 $ curl 127.0 . 0.1 : 8001 7.安装配置 PostgreSQL

简易签名组件zm-sign

阅读更多关于简易签名组件zm-sign

zm-sign 介绍一个简易签名组件，基于vue和canvas。安装 npm install zm-sign --save # or yarn add zm-sign 引入 import Vue from 'vue'; import ZmSign from 'zm-sign'; import "zm-sign/lib/zm-sign.css"; Vue.use(ZmSign); <template> <div style="height: 420px; text-align:center;"> <zm-sign ref="sign" line-color="#409EFF" :line-width="4" :canvas-width="692" :canvas-height="350" :footer="false" @on-clear="handleClear" @on-done="handleDone" ></zm-sign> <Button @click="clear">清空</Button> <Button @click="done">完成</Button> </div> </template> <script> export default { methods:{ async done(){ let res = await this.$refs.sign.done()

nvm安装node流程及报错解决

阅读更多关于 nvm安装node流程及报错解决

第一步：下载NVM下载nvm并解压 nvm-window 下载地址： https://github.com/coreybutler/nvm-windows/releases 下载文件，然后解压得到nvm-noinstall文件夹，重命名为nvm(名字随意)。这里有四个可下载的文件: nvm-noinstall.zip：这个是绿色免安装版本，但是使用之前需要配置。（个人推荐这个） nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。 Source code(zip)：zip压缩的源码 Sourc code(tar.gz)：tar.gz的源码，一般用于*nix系统第二步：配置NVM环境变量 1.在nvm文件夹中创建setting s . text , 写入以下内容保存： root: D:\dev\nvm path: D:\dev\nodejs root: 是nvm.exe所在目录 path:node快捷方式所在的路径。当使用nvm use XXXnode版本号的时候会根据path的设置创建快捷方式。每切换不同版本，这个快捷方式里的内容根据使用的node的版本而变化。注意：手打的话root和path的冒号后面一定要有一个空格，不然安装node的时候是不会安装到该nvm文件夹里。 2.计算机——右键——属性——高级系统设置——环境变量

tenserflow.js 环境搭建

阅读更多关于 tenserflow.js 环境搭建

1.安装nodejs http://nodejs.cn/download/ 安装yarn npm install -g yarn 查看版本：yarn --version 2. 一、安装　有两种方法可以在你的项目中引入tensorflow.js。一种是通过script标签引入，另外一种就是通过npm进行安装。（1）通过script标签，如下：复制代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tensorflow</title> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.9.0"></script> </head> <body> <script> console.log(tf); </script> </body> </html> 来源： oschina 链接： https://my.oschina.net/u/4349634/blog/4732708

webpack之loader

阅读更多关于 webpack之loader

loader是use的简写 module: { rules: [ { test: /\.css$/, // loader: ['style-loader','css-loader?minimize'], //这是简写 use:[ //使用use 完整写法 'style-loader', { loader:'css-loader', options: { minimize:true, } }, ] }, use属性的值需要是个由loader名称组成的数组。Loader的执行顺序是由后到前的。 module:{ rules:[ { test:/\.css$/, //正则匹配.css use:['style-loader','css-loader?minimize'], // 从后往前执行 } ] } npm i -D style-loader css-loader 来源： oschina 链接： https://my.oschina.net/u/560237/blog/1842858

订阅 npm