前言 gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 安装、打包合并 1.安装node.js 下载地址： http://nodejs.cn/ 打开node.js 命令行，输入： node -v ，有版本号，则正确安装。 2.安装淘宝镜像 ：命令行输入 ： npm install -g cnpm --reg...
看了标题就知道安装ghost会碰到不少的坑，这里先说一个： 错误 （windows）通过ghost-cli来安装的步骤： npm install -g ghost-cli #全局安装ghost-cli cd myghostblog #进入工作目录 ghost install local #使用local参数在当前目录初始化一个ghost，使用sqlite数据库出错信息如下： √ Downloading and installing Ghost v? √ Finishing install process √ Configuring Ghost √ Setting up instance Running database migr...
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面： npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! path C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! code ENOENT np...
上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。 1 简易安装要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，先不管那些高大上的费时间的安装方法，直接引入一个js文件，先把代码敲代码再说。 <head><meta charset="UTF-8"><title>简易安装 Vue.js</title><script src="vue.js"></script> </head> 官网提供了Vue.js源码下载的地方：https://cdn.jsdelivr.ne...
webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧. 第一步、安装webpack 新建文件夹webpack->再在webpack下面新建demo->命令行切换到demo目录，使用npm init --yes 初始化项目的package.json文件，然后执行npm install webpack --save-dev第二步、全局安装webpack(3.5....
1、Node.js简介 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。 2、下载Node.js 打开官网下载链接:https://nodejs.org/en/download/ 下载对应你系统的Node.js版本， 我这里下载的是node-v6.11.2-x64.msi,如下图：3、下载完成后，双击“node...
前言 我们一般在利用npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案就是使用其他源，或者使用工具下载，然后将安装源指定到本地。 解决方法一：使用淘宝镜像源 设置变量 sass_binary_site，指向淘宝镜像地址。示例： npm i node-sass --sass_binary_site=https://npm.taobao.org/mi...
介绍 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。本文是基于上一篇文章（Vue学习笔记进阶篇——vue-cli安装及介绍 ）vue-cli脚手架工具的。 安装 在终端通过cd命令进入到上...
介绍 Vue-cli是Vue的脚手架工具 主要作用：目录结构、本地调试、代码部署、热加载、单元测试 地址：https://github.com/vuejs/vue-cli 安装 全局安装vue-cli npm install -g vue-cli当然了，要想使用npm工具，就必须安装Node.js，node.js的安装方法这里就不做介绍了。安装完成后，在终端输入以下命令, 可以查看vue的版本：vue -V输入以下命令，可以查看官方提供的模板： vue list我们可以看到，vue官方提供了6个模板，我们这边主要...
我最近在研究node.js的路上，那么今天也算个学习笔记吧！一、Windows系统 1、node.js下载应用程序，压缩，安装 //www.gxlcms.com/softs/504128.html 2、nvm的安装路径下，找到settings.txt打开，在后面加上(添加淘宝镜像node) node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ 3、安装Node.js nvm install <版本号>4、查看已安装node列表，使用版本 nvm ls/list nvm use <版本...
前言 Protractor是一个建立在WebDriverJS基础上的端到端(E2E)的AngularJS JavaScript Web应用程序测试框架。Protractor全自动化真实的模拟用户在真正的浏览器中操作、运行并测试开发者的应用程序。下面就来一起看看关于protractor安装与基本使用的相关内容吧。 1、JDK的安装和环境的配置 关于JDK的安装配置这里就不说了，需要的朋友们可以参考这篇文章 2、npm protractor npm install -g protractor 3、npm install protracto...
webpack系列目录webpack 系列 二：webpack 介绍&安装 webpack 系列 三：webpack 如何集成第三方js库 webpack 系列 四：webpack 多页面支持 & 公共组件单独打包 webpack 系列 五：webpack Loaders 模块加载器 webpack 系列 六：前端项目模板-webpack+gulp实现自动构建部署 基于webpack搭建纯静态页面型前端工程解决方案模板， 最终形态源码见github: https://github.com/ifengkou/webpack-template 正文 Webpack是一款用户打包前端模...
1，使用save会在package.json中自动添加。 npm install node-sass --savenpm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题）3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）cnpm install node-sass --save （使用淘宝镜像安装node-sass） 以上就是本文的全部内容，希望对大家的学习有所帮助，也...
前言 本文主要介绍的是关于npm安装失败的解决方案，分享出来给大家参考学习，下面来看看详细的介绍： 方法如下 镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）: 1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字符串response）2.命令行指定npm --registry https://registry.npm.taobao.org in...
安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build. 3.修改manifest.json 中的persistent为true4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加工程中的shells-->chrome的内容或者直接拖动shells-->chrome，至此恭喜已经安装成功！！！5.打开自己的vue项目中，如果是有vue-cli构建的项目，执行npm run dev,打开http://loca...