Macos上安装vue-cli

此文章主要讲解如何在macOS的终端上进行安装vue-cli，当然也可以根据自己的选择在VScode上进行安装。

下面是具体步骤：
1.首先需要打开macOS上的终端terminal。（点卡下图中的终端进入命令行界面）

2. 需要部署Node环境
点击链接http://nodejs.cn/download/进入到node官网下载Mac版本的node，下载最新版即可，如下图所示。

由于在最近发布的版本中下载node 中包含了npm,所以不需要再在终端中输入npm install对npm进行安装。此外，我们可以通过npm -v和node -v的方式来分别检查npm和node的安装版本，及其npm和node是否已经安装好(安装和好时的结果会显示对应的版本号)。

3.安装vue-cli

安装完上述的node和npm后，便可以进行vue-cli的安装，只需要咋命令行中输入sudo npm install -g vue-cli命令再回车即可，然后弹出密码提示输入自己账号的密码即可，等待安装，需要一段时间太不会太长。

安装完成后，输入vue -V检查vue-cli的版本并且核验其是否已经安装完成，若已经安装完成则会返回对应的版本号。

4.安装webpack模板，设置工程信息
命令行中输入vue init webpack sell 即可进行安装，安装中ES检测器需要选择是（即Y），而vue-router的安装则根据自己的需求进行选择（是为Y，否为n），最后两个的tests全部选择n，其他的直接回车即可（代表默认选择）。此处的sell是项目名称，可用自行更改为自己想要的项目名称，注意通过mkdir创建文件夹和cd命令进入到自己想要创建的文件夹下，否则不容易找到。

5.安装完webpack后
依次输入cd sell命令和sudo npm install命令即可，并且完成对应的安装任务。

最后输入sudo npm run dev命令等待终端显示localhost网址即可，将该网址复制到浏览器中，便能出现下图所示，注意终端需要一直运行着，倘若终端关闭则浏览器中的网址也无法打开。

终端显示localhost链接

最终效果，代表vue-cli安装成功

部署好之后，每次想要在浏览器中运行只需要通过终端中输入命令cd sell和sudo npm run dev即可，便能显示上图效果。

6.其他
若有人想要知道cnpm的安装方法，虽然这个并未在上述过程中所使用到，此处也给出对应的安装命令，下面的安装命令实测有效：

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成之后输入cnpm -v进行查询安装是否完成即可。

在VScode中运行vue-cli的方法：
1.针对于一个现成已经制作好的vue项目，直接使用vscode打开即可便能进行开发。
一般对VScode项目的终端中进行npm install安装，安装完成后npm run serve便能进行本地开发调试。
2.对于自己想从零开始进行开发一个vue项目，可以首先使用终端建立好对应的项目，再通过vscode进行开发，参考步骤如下：
https://www.jianshu.com/p/c61fdf162cd0
https://www.cnblogs.com/zyskr/p/10609288.html