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

Macos上安装vue-cli相关推荐

在 macOS 上安装 AWS CLI
在 macOS 上安装 AWS CLI 在 macOS 上安装 AWS Command Line Interface (AWS CLI) 的推荐方法是使用捆绑安装程序.捆绑安装程序包含所有依赖项,并可 ...
安装vue cli失败——解决方案探索
温馨提示,该文分为两个部分:Part1探索原因:Part2解决问题.小伙伴可以直接从分割线后开始看! Part 1 错误提示: 先查看以下自己电脑上安装地node版本. node -v 然后去下面的连 ...
离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安 ...
qtiplot编译失败linux,在macOS上安装 qtiplot 免费版
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 最近更新时间:2019-10-04 一.简介众所周知,对于广大科研狗来说,origin是一款不可多得的使用软件,但or ...
yarn全局安装vue/cli vue不是内部命令
yarn全局安装vue/cli vue不是内部命令在使用 yarn global add @vue/cli安装 @vue/cli之后执行vue --version 报错:'vue' 不是内部或外部 ...
macos 安装scala_如何在MacOS上安装Scala和Apache Spark
macos 安装scala by Jose Marcial Portilla 通过何塞·马西尔·波蒂利亚(Jose Marcial Portilla) 如何在MacOS上安装Scala和Apache ...
macos安装python3.6_在CentOS 7/Ubuntu 16.04/Debian 9/macOS上安装Python 3.6的方法
本文介绍在CentOS 7/Ubuntu 16.04/Debian 9/macOS操作系统上安装Python 3.6的方法,包括使用Python 3.6创建virtualenv,目前大多数Linux发 ...
在MacOS上安装MacTex
现在,TeX\TeXTEX已经成为科研人员撰写科技论文的神器之一.在易用性和美观方面,Mac亦是众多科技工作者选择之一.在Mac上,我们通常会使用与TexIive同源的MacTex编写TeX\TeX ...
Flutter系列之在 macOS 上安装和配置 Flutter 开发环境
本文为Flutter开发环境在macOS下安装全过程: 一.系统配置要求想要安装并运行 Flutter,你的开发环境需要最低满足以下要求: 操作系统:macOS(64位) 磁盘空间:700 MB(不 ...
安装vue cli失败，显示this package has been deprecated in favour的解决办法
安装vue cli遇到的一个问题,尝试了几个办法,最终成功解决. 解决方法步骤: 1,配置淘宝镜像:npm config set registry https://registry.npm.taoba ...

Macos上安装vue-cli

Macos上安装vue-cli相关推荐

最新文章

热门文章