最新消息:什么都不会,还什么都不想学,什么都不想干,我八成是废了!

windows安装vue及vue-cli

环境配置 TrojanSun 196浏览 0评论

官方提供的安装步骤在:https://cn.vuejs.org/v2/guide/installation.html
因为我们在国内,执行npm安装的话,时间会非常的长,速度很慢,所以这里我们转化一下使用淘宝的cnpm进行安装。

首先我们先安装nodejs,nodejs的官方网站是:https://nodejs.org/en/

然后我们选择图中红色的部分进行下载,然后双击安装。
安装完成之后我们执行

查看一下node的版本信息

执行下面命令查看一下npm的版本信息

下面安装cnpm,cnpm的官方网址是:http://npm.taobao.org/
我们使用以下命令进行安装

但是呢,如果我们直接在cmd里面执行是会报错的,所以我们需要借用一下gitbash,gitbash的官方网站是https://git-scm.com/,直接下载安装即可,不多加赘述了。

现在我们看一下cnpm的版本

看到这里和npm的版本是一样的,其实这里如果我们执行一下命令

也是可以的。

安装vue-cli:


在创建项目之前,我们可以查看一下,允许我们基于什么而创建项目的模板,我们可以执行下面命令进行查看


然后我们创建一个项目

因为我们后面会用到路由,所有vue-router我选择了Y,其他的都是n

这就是我们执行完初始化命令之后的文件

下面我们安装一下
进入到项目文件夹之后执行下面命令

执行完成之后我们可以看一下项目目录下的node_modules文件夹下的文件,这些都是通过安装生成的。(安装参考package.json文件)
然后我们执行以下命令运行测试下

浏览器会自动打开,如下页面

转载请注明:TrojanSun » windows安装vue及vue-cli

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址