node和vue-cli构建项目时安装的常用依赖

nvm安装node的步骤

安装 nvm:

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

Mac系统的设置方法:(解决suorce 之后再次打开终端不生效的问题)
如果你的电脑终端是zshrc

cd ~ ( 进入当前用户的home目录)
open .zshrc

输入一下内容

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

保存后在终端继续输入

source ~/.zshrc

如果你的电脑终端是bashrc

cd ~ ( 进入当前用户的home目录)

open .bash_profile //(打开.bash_profile文件,如果文件不存在就 创建文件:touch .bash_profile 编辑文件:open -e .bash_profile)

直接更改弹出的.bash_profile文件内容,把以下内容粘贴进去:

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

再打开~/.bashrc文件,在末尾输入

source ~/.bash_profile

保存后在终端继续输入

source ~/.bashrc

注:这样操作的原因是Mac终端是zshrc时,source一次之后每次开启终端会默认会执行~/.zshrc文件
当终端是bashrc时,.bashrc这个文件一般不修改,可以新建.bash_profile文件,设置环境变量,再在.bashrc文件内source ~/.bash_profile,打开终端会默认执行~/.bashrc文件

最后输入nvm可以看到如下信息:Node Version Manager,说明nvm安装成功

安装 node.js

nvm install stable // 安装最新稳定版 node
    
nvm alias default v4.1.0 // 设置默认版本

node -v (or nvm current) // 查看当前版本

nvm use v5.5.0 // 切换版本

echo $PATH //  查看实际安装路径

安装cnpm

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

vue-cli构建项目以及其他需要安装的常用依赖

npm install -g vue-cli
mkdir my-project && cd my-project
npm init
vue init webpack my-project
cd my-project
npm install
npm run dev

npm install webpack --save-dev
npm install vuex --save-dev
npm install style-loader css-loader stylus-loader stylus --save-dev
npm install --save-dev postcss-loader autoprefixer
npm install less less-loader --save-dev
npm install node-sass sass-loader --save-dev
npm install vue-resource --save-dev
npm install axios --save-dev
npm install --save-dev babel-loader babel-core babel-preset-env webpack 
npm install html-webpack-plugin --save-dev ( 安装html-webpack-plugin插件 )
npm install express --save-dev
npm install element-ui --save-dev
    原文作者:清儿
    原文地址: https://segmentfault.com/a/1190000012055518
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞