前端常用工具配置

自动刷新浏览器

npm install --save-dev webpack-dev-server
webpack-dev-server  --inline --hot  

bower安装

1.npm install -g bower
//全局安装

2.新建一个文件夹
bower init
//一路回车，生成bower.json文件

3.bower install jquery#1.9.1 --save
//安装文件写入bower.json文件

4.type null > .bowerrc
//新建.bowerrc文件，可以自定义下载文件的文件夹名称， .bowerrc的配置如下：
{
  "directory" : "lib"
}

配置好bower.json和.bowerrc文件后，执行如下代码，可以自动安装相关依赖库：
bower install

安装cnpm

 npm install -g cnpm --registry=https://registry.npm.taobao.org

gulp安装

1.npm install gulp -g
//全局安装

2.项目文件夹中，新建gulpfile.js文件，简单配置如下：
var gulp = require('gulp')，
     connect = require('gulp-connect')

gulp.task('default', function() {
  // 将你的默认的任务代码放在这
});
//例：使用connect启动一个Web服务器
gulp.task('connect', function () {
    connect.server({
        root: './',
        host: '127.0.0.1',
        port: '8081',
        livereload: true
    });
});

3.安装配置文件（gulpfile.js）中所需依赖：
npm install gulp --save-dev
npm install gulp-connect  --save-dev

4.启动
gulp

Vue vue-devtools安装

1.bower init
2.bower install vue --save-dev
3.git clone https://github.com/vuejs/vue-devtools.git
4.cd vue-devtools
5.npm install
6.npm run build
7.进入扩展程序安装