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

搞开发 0 赞 (2) 362字  预计1分钟 83

今天不去写什么技术文章或者心情感悟了,就作点小记录。今天爆炸性的新闻是啥呢?美国总统及夫人双双感染新冠,网友调侃这剧本都写好了:假装感染→可以治愈→新冠不足为惧→大流感而已→经济可以重启→支持率爆涨→连任成功。
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插件

安装vue-cli

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

如果您喜欢这篇文章,欢迎在下方留言评论哦~
发表您的看法
选择表情