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 nvmCopy

• 别忘了执行 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 协议》，转载必须注明作者和本文链接