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的版本号，说明安装成功。