欢迎来到cool的博客
7

Music box

Click to Start

点击头像播放音乐
新博客链接

如何搭建 node,vue h5项目的环境,npm的使用

  • mac电脑安装 homebrew :
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

1.首先得安装nvm ,用来管理node 的安装.

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

2.在home 目录下新建一个文件 .bash_profile

touch ~/.bash_profile

并添加一下内容:(添加内容之后,记得重启终端,要不然会出现。cant find nvm)

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

3.安装nvm 后,运行命令安装 node :

用nvm安装node v6.9.1 如果没有这个版本的node:    $ nvm install v6.9.1    如果有的话,可以直接在当前目录运行: $ nvm use 6.9.1 切换版本

4.接下用npm安装vue, vue-cli, vue-router等等 ( vue-router > 2.0):

npm install vue

npm install -g vue-cli --verbose

5.clone 项目:

 6.1 $ npm install     
 6.2 $ npm run dev

6.新建一个 vue项目:
 vue init webpack music  (项目名称)

安装淘宝镜像 使用 cnpm代替npm速度快。    可以用 yarn,这个速度也是飞快的。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

 

Npm 使用

安装包:

$ npm install <package>     # 安装在本地项目中
$ npm install -g <package>  # 安装在全局

安装包,并且将其保存你项目中的 package.json 文件:

$ npm install <package> --save

查看 npm 安装的内容:

$ npm list     # 本地
$ npm list -g  # 全局

查看过期的包(本地或全局):

$ npm outdated [-g]

更新全部或特别指定一个包:

$ npm update [<package>]

卸载包:

$ npm uninstall <package>

返回列表