vue 学习之 (一) 相关环境的搭建

IDE webstorm的安装

• 下载地址 http://www.jetbrains.com/webstorm/
• 选择对应版本安装
• 激活http://idea.lanyus.com/
• 推荐前端程序员用这个编辑器，当然不是唯一的选择
• 下载地址https://nodejs.org/en/download/

使用nvm（node版本管理工具）

• nvm官方地址https://github.com/creationix/nvm
• 安装命令curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
  或者 wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
• 执行完毕后将以下代码添加到环境变量中

  export NVM_DIR="${XDG_CONFIG_HOME/:-$HOME/.}nvm"
  [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

• 别忘了执行source命令让你的环境变量立即生效

node的安装

• 使用刚刚安装的nvm来安装node即可
• 查看目前线上所有的node版本node ls-remote （查看本地node版本为 nvm ls）
• 安装命令 nvm install 版本号 例如：nvm install v10.15.0
• 切换node版本 nvm use 版本号
• 更多nvm命令请自行百度。。

使用cnpm代替npm

• cnpm官网 http://npm.taobao.org/
• 执行命令$ npm install -g cnpm --registry=https://registry.npm.taobao.org即可用cpm代替npm使用

安装谷歌浏览器vue插件

• 我是直接翻墙在chrome 网上应用店下载安装的
• 其他安装教程https://www.jianshu.com/p/c021fccec449
• 安装完成后，开发者工具多了一个vue,如下图：
  

安装vue-cli

• 安装命令npm i -g vue-cli
• 安装完毕后执行vue --version即可查看到vue-cli的版本号，说明安装成功。

本作品采用《CC 协议》，转载必须注明作者和本文链接