如何搭建 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>