nodeJs/Bower初始化/gulp的使用

使用bower的项目初始化

npm和bower的作用

  1. npm是主要用来安装各种运行类工具的
  2. bower用来下载类库的

初始化项目

  1. 安装nodeJs,不会请看首页进行安装
  2. 新建项目进行安装bower: sudo npm install bower -g,(更好的管理可以先:npm init初始化项目) 。请参考 npm –help
  3. 安装完成,输入:bower init ;初始化项目。进行完成
  4. 例子,安装vue: bower install vue 。这个样下载好了vue.js。 会在当前目录下生成bower_components文件夹,作为下载的文件
  5. 为项目配置上gulp : npm install gulp –> 学习:参考网址

gulp使用

1
2
3
4
5
6
7
8
9
简单输出一行字,按照上面参考网址中的例子,在任务中输出一句话
先进行 const gutil = require('gulp-util'); 然后在任务中输入:gutil.log('hello word');
var gulp = require('gulp');
const gutil = require('gulp-util');
gulp.task('default', function() {
gutil.log('hello word'');
});
在这里会抛错,找不到gulp-util。这里就要执行:npm install gulp-util,而不是bower,bower是管理js类库的
命令行输入gulp 就能看到打印的语句了

npm安装之后出现命令无法运行(windows下比如gulp)

1
2
3
4
5
1. 安装路径默认是C盘,当前没有加到path命令导致无法运行。在安装之后都会有安装的目录提示
2. 自定义安装目录:
npm config set cache "D:\nodejs\node_cache"
npm config set prefix "D:\nodejs\node_global"
3. 将global路径放到path中去。可以运行安装的应用了

nodejs简介

参考

安装

二进制安装

打开 nodejs 官网的下载页, 下载二进制安装包

1
2
3
4
5
6
7
8
9
10
sudo mkdir /usr/local/nodejs
sudo tar zxvf node-v0.12.1-linux-x64.tar.gz -C /usr/local/nodejs

sudo vi /etc/profile.d/xxx.sh # 追加以下配置
export NODEJS_HOME=/usr/local/nodejs/node-v0.12.1-linux-x64
export PATH=$NODEJS_HOME/bin:$PATH

cd /usr/local/nodejs/node-v0.12.1-linux-x64
sudo chmod 777 bin
sudo chmod 777 lib/node_modules

Ubuntu

参考这里

1
2
3
4
5
6
curl -sL https://deb.nodesource.com/setup | sudo bash -
#sudo add-apt-repository ppa:chris-lea/node.js
#sudo apt-get update
apt-cache policy nodejs
sudo apt-get install nodejs
sudo apt-get install build-essential

Http Hello world

新建 hi.js,内容如下

1
2
3
4
5
6
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

然后运行:

1
node hi.js

最后浏览器访问 http://127.0.0.1:1337/

Centos

使用Linux二进制包。

使用 nvm

1
2
3
4
su - 
curl -sL https://deb.nodesource.com/setup | sudo bash -
su -
nvm install v0.10.34

npm

使用国内淘宝的镜像

  • 通过 config 命令

    1
    2
    npm config set registry https://registry.npm.taobao.org
    npm info underscore
  • 通过命令行参数

    1
    npm --registry https://registry.npm.taobao.org info underscore
  • 通过修改 ~/.npmrc 加入以下内容

    1
    registry = https://registry.npm.taobao.org