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

vue

赞赏

版权：

徐伟轩博客-爱写歌的程序员思考和科普的日常自媒体

本文链接：

https://letus.top/mblog/archives/37.html（转载时需注明本文出处及文章链接）

如无特别注明，本站内容为原创。

如需转载或刊登，请联系我们获得授权。