好久没用node了,想重新拾起来发现node还有相关模块的版本都太低了,使用npm install全是报版本低的警告. 这里记录一下,版本管理和node_modules更新的方法. 我用的是Windows的系统,Windows下有一个node版本管理工具叫:gnvm.Linux下是nvm. gnvm下载地址:https://github.com/Kenshin/gnvm 直接下载里面的gnvm.exe文件丢到你的node安装路径里就好了(node路径需要添加到环境变量) 想要将node和npm(

路由简介 路由是 Angular 应用程序的核心,它加载与所请求路由相关联的组件,以及获取特定路由的相关数据.这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面. 相关的类 Routes Routes其实是一个Route类的数组. 而Route的参数如下图所示,一般情况下,path和component是必选的两个参数. 比如:path:/a,component:A则说明,当地址为/a时,应该展示组件A的内容. 其余类的简介见下图: 应用 新建项目 输入命令ng new router

步骤 创建文件夹:安装包 配置环境变量: export NODE_HOME=/root/安装包/node-v7.6.0-linux-x64 export PATH=$NODE_HOME/bin:$PATH export NODE_PATH=$NODE_HOME/lib/node_modules 执行更新环境变量命令:source /etc/profile 输出node路径:echo $PATH 检查node版本:node -v 有些时候当用npm来安装全局包时不起作用,则自己还要执行另外的一段配

参考文章--npm更新到最新版本的方法 其实我们可以这样,随便新建一个文件夹例如:F:\test.按着"shift"键,右键该文件夹,选择"在此处打开命令窗口(W)",进入命令行,键入:npm i npm 如下图: 1.安装截图 2.成功之后,目录截图 最后将 npm文件夹拷贝到nodejs的安装目录中的node_modules文件夹下,例如D:\Program Files\nodejs\node_modules   如下图: 最后你可以查看npm的版本:npm -

本人前端用惯了Hbuilder,修改了eclipse项目中的文件后,由于是外部编辑器修改过的,eclipse不会自动部署更新,一般按F5刷新项目,或者在 preferences > general > workspace 设置更新,但这个方法也需要等7.8秒才能被部署更新.本节介绍用gulp解决这个问题. 先睹为快,猛戳链接下载Demo :http://pan.baidu.com/s/1o8pmrH4 由于是在gulp环境下才能运行,不熟悉gulp的同学,可以参考这个比较详细的教程:http:

在工作中有用到gulp,webpack,使用他们需用依赖node的一些模块包,于是会在目录下生成一个node_modules文件夹.有一次想删掉它重新生成模块包的时候发现根本不太可能,无穷无尽的报一个错:路径太长(太深),无法删除,使用命令行rd.del均尝试无效(此问题win10系统下已不会出现,小伙伴们赶紧更新系统吧). 一开始我只能通过另起文件夹的做法来重新启用新项目,发现僵尸文件越来越多,几翻周折,终于找到解决方法.步骤如下: 新建空白目录,如 D:\Study\emptyDir: 管理

1.首先是目录结构 |-node_modules/ #包文件 |-build/ #静态资源生成目录 |-src/ #开发目录 |-js/ |-index.js #入口文件 |-app.js #React组件文件 |-css/ |-style.scss #SASS样式文件 |-webpack.config.js #webpack开发配置文件 |-index.html |-package.json 2.webpack配置文件 !important entry 入口文件地址: entry:{ buil

前面两篇文章介绍初步搭建单页面应用的开发环境: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 这篇文章将基于前面两篇文章进一步优化开发环境,实现单页面开发时的运行时打包与热更新. 调整文件布局 在第二篇文章中发现了框架代码文件的命名有些冲突,这里我们需要做一下调整,以便接下来的讲述不易出现问题.调整时需要小小地改动配置文件几个路径.文件布局调整前后对比如下: 图片基本已经说明了情况.我们将在s

  一.什么是npm? npm是javascript的包管理工具,是前端模块化下的一个标志性产物 简单地地说,就是通过npm下载模块,复用已有的代码,提高工作效率   1.从社区的角度:把针对某一特定问题的模块发布到npm的服务器上,供社区里的其他人下载和使用,同时自己也可以在社区里寻找特定的模块的资源,解决问题 2.从团队的角度:有了npm这个包管理工具,复用团队既有的代码也变的更加地方便   二.利用npm安装包 npm安装的方式--本地安装和全局安装   什么时候用本地/全局安装? 1.当

引言 使用webpack有一段时间了,对其中的热更新的大概理解是:对某个模块做了修改,页面只做局部更新而不需要刷新整个页面来进行更新.这样就能节省因为整个页面刷新所产生开销的时间,模块热加载加快了开发的速度.具体效果可以先看下下图的效果: 可是最近,亲自搭建一个webpack应用项目时,在实现开发环境的模块热更新时,遇到这样那样的问题.由于之前都是使用第三方插件来实现应用的热更新,它们都封装了实现热更新的一些细节,导致在不用第三方插件实现模块热更新时出现问题,其实还是理解的不够深入.于是在搞明白

由于8月份上旬公司开发一款桌面应用程序,在前端开发程序打包更新时遇到一些困扰多日的问题,采用electron-builder最终还是得到解决~ 以下是踩坑的过程及对electron打包与更新思路的梳理,electron打包与更新的正确姿势应该如下图所示 下面将逐一展开描述说明     一.windows系统下环境配置 NPM是随NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编

写这篇博客的目的是让广大的学者在初入Vue项目的时候少走些弯路,虽然现在有很多博客也有差不多的内容,但是博主在里面添加了一些学习时碰到的小问题.在阅读这篇博客之前,我先给大家推荐一篇文章<入门Webpack,看这篇就够了>(网址:http://www.jianshu.com/p/42e11515c10f),看完这篇文章,相信大家对于webpack包管理工具会有一个新的认识. 一.cnpm的安装 npm是node的包管理工具,由于npm是基于国外的服务器,所以有些电脑运行起来比较慢,在这里我们选

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(下篇--多页面VueSSR+热更新Server) @(HTML/JS) 这是Vue多页面框架系列文章的第二篇,上一篇(纯前端Vue多页面)中,我们尝试从webpack-simple原型项目改造为一个多页面的Vue项目.而这里,我们继续往前,尝试把Vue多页面改造为Nodejs直出.由于步骤较多,所以本文片幅较长. 本文源代码:https://github.com/kenkozheng/HTML5_research/tr

npm 包的更新速度很快,为了将项目或者全局依赖更新到最新版本.传统的做法是一个一个更新,比如更新 react 到最新版本,命令如下: # npm npm i --save react@latest # yarn yarn add react@latest yarn 是 facebook 发明的新一代 js 包管理器,支持离线使用.这是 npm 与 yarn 的 命令对照. 但是,这种做法相当耗时.有没有更简单的方法呢? 答案是使用 npm-check 或者 yarn.两者都需要全局安装. np

gulp自动更新版本号 安装依赖 yarn add gulp-rev yarn add gulp-rev-collector 本次依赖的版本号为: "gulp": "^3.9.1" "gulp-rev": "^8.0.0" "gulp-rev-collector": "^1.1.1" 插件作用说明 gulp-rev gulp-rev:Static asset revisioning by

ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-a5e4f82a","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"import":[

原理介绍 类似于版本管理,我们把我们的hexo博客文件系统在Github上建立一个分支,通过管理分支提交最新的博客文件系统,保证我们博客框架的更新.然后我们基于最新的博客框架,撰写文章,进行Github Pages网页的更新,即我们博客内容的更新. 创建两个分支,一个用于存放博客静态资源,一个用于备份博客的部署文件. 参考资料 前期准备 一台Linux系统的电脑(我的linux系统是Ubuntu 18.04.2 LTS) 安装node.js 及 npm 安装 ssh 安装 git 按照我们前面教

nodejs中package.json中的依赖必须每个项目都有自己的node_modules文件夹,而无法在多个项目之间共用一套node_modules(像Java中的Maven那样). 依赖管理是每个现代语言的标配.依赖管理和打包工具是两个概念,npm是依赖管理,webpack是打包工具.在Java中,maven既能实现依赖管理又能实现打包. 何为依赖管理?依赖管理说白了就是构建一个有向无环图.项目A依赖项目B,项目B依赖项目C,那么当你的项目依赖A的时候,依赖管理工具会自动让你的项目依赖B和

vue 2.0加入了 virtual dom,在 node_modules\vue\src\core\vdom\patch.js 中会对虚拟 DOM 进行 diff 算法等,然后更新 DOM. 网上的文章都是谈论的 diff 算法,而 diff 算法后如何取修改 DOM 没有太多说明. 我在源码中查找了下,找到了更新真实 DOM 的方法. node_modules\vue\src\core\vdom\path.js 中的 createPatchFunction 方法接收 backend ,而 b

一. appium自带的Chromedriver版本和设备Android System Webview版本不一致的问题 报错信息: io.appium.java_client.NoSuchContextException: An unknown server-side error occurred while processing the command. Original error: Failed to start Chromedriver session: An unknown serve

react-native热更新之CodePush详细介绍及使用方法 2018年03月04日 17:03:21 clf_programing 阅读数:7979 标签: react native热更新code pushJSRN更多 个人分类: react native   React Native应用部署/热更新-CodePush最新集成总结 React Native应用部署/热更新-CodePush最新集成总结(新)   本文出自<React Native学习笔记>系列文章.了解更多,可以关注我