使用nvm安装node的步骤安装nvm:curl-o-https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh|bashMac系统设置方法:(解决suorce问题后再次打开终端不生效)如果你的电脑终端是zshrccd~(进入当前用户家目录)打开.zshrc,输入内容exportNVM_DIR="$HOME/.nvm[-s"$NVM_DIR/nvm.sh"]&&。"$NVM_DIR/nvm.sh"#这样加载nvm保存后,继续在终端输入source~/.zshrc。如果你的电脑终端是bashrccd~(进入当前用户家目录)open.bash_profile//(打开.bash_profile文件,如果文件不存在,则创建文件:touch.bash_profile编辑文件:open-e。bash_profile)直接修改弹出的.bash_profile文件内容,将如下内容粘贴进去:exportNVM_DIR="$HOME/.nvm"[-s"$NVM_DIR/nvm.sh"]&&。"$NVM_DIR/nvm.sh"#这个加载nvm然后打开~/.bashrc文件,最后输入source~/.bash_profile并保存,然后继续在终端输入source~/.bashrc注意:这个操作的原因是当Mac终端是zshrc时,在sourceonce之后每次打开终端都会默认执行~/.zshrc文件。当终端为bashrc时,.bashrc文件一般不用修改。您可以创建一个新的.bash_profile文件并设置环境变量。,然后在.bashrc文件中source~/.bash_profile,打开终端默认执行~/.bashrc文件最后输入nvm可以看到如下信息:NodeVersionManager,说明nvm安装成功.node.jsnvminstallstable//安装最新的稳定版nodenvmaliasdefaultv4.1.0//设置默认版本node-v(ornvmcurrent)//查看当前版本nvmusev5.5.0//切换版本echo$PATH//查看实际安装路径Installcnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.orgvue-cli构建项目和其他需要安装的常用依赖npminstall-gvue-climkdirmy-project&&cdmy-projectnpminitvueinitwebpackmy-projectcdmy-projectnpminstallnpmrundevnpminstallwebpack--save-devnpminstallvuex--save-devnpm安装style-loadercss-loaderstylus-loaderstylus--save-devnpminstall--save-devpostcss-loaderautoprefixernpminstalllessless-loader--save-devnpminstallnode-sasssass-loader--save-devnpminstallvue-resource--save-devnpminstallaxios--save-devnpminstall--save-devbabel-loaderbabel-corebabel-preset-envwebpacknpminstallhtml-webpack-plugin--save-dev(安装html-webpack-插件插件)npminstallexpress--save-devnpminstallelement-ui--save-dev
