npm

[技术博客] 用Monaco Editor打造接近vscode体验的浏览器IDE 官方文档与重要参考资料 官方demo 官方API调用样例 Playground 官方API Doc ，但其搜索框不支持模糊匹配 官方GitHub Issues ，可搜索相关问题 CSDN优秀博客 带主题颜色选择的demo 依赖与配置 在浏览器中搭建Monaco Editor，推荐使用 ESModule版本+WebPack+npm插件 的形式，比较简单。链接中即为官方给出的部署样例。 需要注意的是，经过笔者踩坑，推荐的node.js包版本为： "dependencies": { "monaco-editor": "=0.19.3", "monaco-editor-webpack-plugin": "=1.9.0", "webpack": "^3.6.0", "webpack-dev-server": "^2.9.1", } 其中， monaco-editor <= 0.19.1 时无换行自动缩进， monaco-editor = 0.20.0 时编辑器有概率在网页布局中只占高度5px。因此推荐使用版本0.19.2或0.19.3。对应的， monaco-editor-webpack-plugin 使用版本1.8.2（对应editor的0.19.2）或1.9.0（对应editor的0.19.3+）。

How to fetch data with React Hooks? 在这篇教程中，我将通过React Hooks中的useState、useEffect来展示如何获取后端数据。您也可以实现一个自定义的Hook在您应用程序中的任何地方进行复用，或者亦可单独作为一个独立的node package发到npm。 如何使用React Hook与后端数据交互 先看一段代码，我们使用了useEffect hook，在它里面通过axios获取后端数据，然后通过setData更新数据。看起来一切很正常。 import React, { useState, useEffect } from 'react' import axios from 'axios' import './App.css' function App ( ) { const [data, setData] = useState({ hits : []}) useEffect( async () => { const result = await axios( "https://hn.algolia.com/api/v1/search?query=redux" ) setData(result.data) }) return ( < ul > {data.hits.map(item => ( < li key = {item

问题： What is the fundamental difference between bower and npm ? bower 和 npm 之间的根本区别是什么？ Just want something plain and simple. 只需要简单明了的东西。 I've seen some of my colleagues use bower and npm interchangeably in their projects. 我已经看到一些同事在他们的项目中交替使用 bower 和 npm 。 解决方案： 参考一： https://stackoom.com/question/1GDbn/Bower和npm有什么区别 参考二： https://oldbug.net/q/1GDbn/What-is-the-difference-between-Bower-and-npm 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4473198

一.通过命令配置 1. 命令 npm config set registry https://registry.npm.taobao.org 2. 验证命令 npm config get registry 如果返回https://registry.npm.taobao.org，说明镜像配置成功。 NMP安装插件是从NPM官网下载对应的插件包，该网站的服务器在国外，经常会出现下载缓慢或出现异常，这时便需要找到另外的方法提供稳定的下载，这个方法就是CNPM。阿里巴巴的淘宝团队把NMP官网的插件都同步到了在中国的服务器，提供给我们从这个服务器上稳定下载资源。 CNMP同样是NMP的一个插件，要安装的话需要在CMD命令行控制台执行以下命令： cnpm install xxx 二.使用cnpm安装 1. 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2. 使用cnpm cnpm install xxx 来源： oschina 链接： https://my.oschina.net/u/4361903/blog/4424170

vue-cli4.x升级失败，vue-cli卸载不掉，vue-cli升级不了4.x， 原文在:https://juejin.im/entry/5bf7e88851882521c811423e 升级个vue-cli4.0，一直卸载不掉! 升级途中遇到的问题: #### 1.$npm uninstall vue-cli -g //卸载vue-cli旧版本</br> #### 2.$npm install -g @vue/cli //安装新版本</br> #### 3.$npm vue -V //2.9.6,我差，根本没删除掉！</br> 重复上面操作很多次都一样！心态爆炸了！难受！ 解决: 原因: npm install -g @vue/cli 后， 我发现在C:\Users\Administrator\AppData\Roaming\npm\node_modules目录下多了一个@vue的文件夹。也就是说全局安装的文件都在这里！ 同时，npm uninstall vue-cli -g 也是删除的这里面的文件。 处理：以我自己的安装目录为例子，我的node安装在D:\Develo\中 1.打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应， 原来我的之前路径写错了，所以就默认帮我装在C:\Users\Administrator\AppData

最近前端圈最火的技术，莫过于5-13发布的deno1.0版本，很多大兄弟私信问我怎么看这个技术， 今天上午录了个视频放B站，对文字稿不感兴趣的直接移步 Deno1.0 新特性了解一下B站链接 deno是什么 deno和nodejs差不多，都是一个javascript的服务器运行时，和node.js还是一个作者，他有那些优点呢 新特性关键点（代码） 原生支持typescript javascript和webassembly es6 modules ，通过url和文件import 没有npm，node_modules 和package.json 依旧基于V8 安全控制机制 不兼容node 兼容浏览器 常见工具内置 deno bundle替代babel webpack deno fmt 替代prettier deno test 期待jest deno lint 替代eslint等 安全性和原生ts支持很亮 什么技术会火 deno比node优化的地方，都是小优化，一个新技术能不能普及，这个技术本身够不够牛逼只是以方便，还有 0. 出现时机是不是填补了领域空白 填补空白后，开发者有没有跟上，贡献繁荣的生态 生态繁荣后吗，有没有大公司实战案例（意味着大流量和岗位） 单纯的技术优势，只是小玩具，而且你怎么知道node不会加上这些特性，维护自己的防护林呢 ，比如node也跟进url import

近期接触了Cypress和TestCafe，两个测试框架都基于Node.js，都不再使用Selenium+WebDriver，而且开箱即用，非常轻量级，就冲着不再使用WebDriver这一点，极大地勾起了我的好奇心。所以今天就来初略的学习一下，并以此文作为学习笔记。 本文学习笔记以 Windows10 为背景，Mac 和 Linux 请参考官网 . 注意： Cypress 和 TestCafe 都依赖Node.js，所以在学习之前确保电脑上已经安装了Node.js 本篇文章只是一个初略的Demo学习笔记，更多详细内容后期学习继续更新文章。 安装Node.js并配置npm环境变量 1、Node.js下载地址： https://nodejs.org/en/ 2、安装路径 3、配置npm环境变量 安装Cypress 方法一： 直接使用命令安装(cmd 安装 会比较慢，还是建议选择下面的第2种方式，直接下载安装包来安装。) npm install cypress 方法二： 或者去官网下载安装包 https://www.cypress.io/ 解压后的文件如下，直接点击Cypress.exe安装文件启动即可 启动运行Cypress 方法一： 使用cmd命令行启动 (npm高于v5.2的版本中自带npx, 或者你也可以单独安装npx.) npx cypress open 方法二：

前言 上一篇思考了一个组件库的开发需要什么东西，所以第二步需要做的是配置开发环境，这里我选用的是React官方推荐的脚手架create-react-app，但是直接用create-react-app创建项目并不能直接满足我们的需求，所以这里开始考虑要怎么去组织项目结构。 创建项目 环境要求 根据官方文档要求，使用create-react-app创建项目环境要求为 Node >= 8.10 和 npm >= 5.6 指令 npx create-react-app hrmui-ts-react --template typescript 复制代码 npx不是拼写错误，而是 npm 5.2+ 附带的 package 运行工具 hrmui-ts-react：我的项目名字 --template typescript：表示该项目使用typescript 项目目录 以上是刚创建完的项目目录，接下来我们将对该项目进行改造 项目配置 暴漏配置文件 我们可以看到上面的项目目录没有webpack的相关配置，因为create-react-app脚手架已经帮我们封装好了。但如果要对webpack进行设置，可以使用命令 npm run eject 复制代码 把webpack文件暴露出来， 但是需要注意的是，该操作不可逆。 暴漏配置文件后的项目目录 webpack.config有两个，一个是dev（开发

1、提取公共的颜色值或者像素值得操作：在assets>styles文件下创建varibles.styl。然后在该文件中定义一个变量$bgColor = red 然后在用到该颜色值得时候在该样式中引入文件 @import 'varibles文件的地址'。然后直接可以写该变量的名字就可以了。（7-2） 2、在style样式中引入文件需要用@import。 3、路径简化，可以把经常用到的路径配置成一个别名，此操作在build文件下的webpack.base.conf.js中配置。具体位置在resolve下面的alias对象里面配置。注意：如果在样式中引入样式的路径用到了别名的时候需要加“~”这个波浪线。其他的地方引入不需要加~。 4、样式穿透：我们开发一般会用到其他的插件，这时候如果要修改其样式的话就需要穿透。比如：我们用到了swiper轮播插件，然后我们需要修改其样式，就可以用： 外面的.class >>>插件的.class 这样就可以实现修改。 5、使用axios的时候必须安装：npm install axios --save。 axios的使用如下图> 6、在vue项目中给静态资源添加版本号。方式是 在build文件夹下的webpack.prod.conf里的搜索HtmlWebpackPlugin处，添加hash值就可以了。如下图 来源： oschina 链接： https:/

安装运行： node.js中文网下载安装：http://nodejs.cn/ 1、安装npm环境 2、运行下载apidoc：npm install apidoc -g 3、在需要生成注释的文件目录增加 “apidoc.json”文件，文件内容如下： { "name": "example", "version": "0.1.0", "description": "apiDoc basic example", "title": "Custom apiDoc browser title", "url" : "https://api.github.com/v1", "sampleUrl":"xxx" } 4、运行命令：apidoc 5、运行生成静态接口命令：apidoc -i src -o doc 说明：src 文档注释读取来源 doc 文档生成目录 6、在文件夹 docapi中点击 index.html页面，查看接口文档 项目中增加apidoc: 1、新建apidoc文件夹和src同目录 2、apidoc文件夹下增加生成目录doc文件夹 和文件 apidoc.json apidoc.json文件内容： { "name": "example", "version": "0.1.0", "description": "apiDoc basic example", "title":