淘宝镜像cnpm安装Vue.js 安装教程

淘宝镜像cnpm安装Vue.js 安装教程

 

首先说一下,国内的网络按照Vue.js官网的安装步骤实在无语,但是一般上有政策,下有对策,结合之前的种种教训, 今天把我自己安装的流程记录一下。

Vue.js是前端一个比较火的MVVM框架,要使用它,我们必须提前配置,其中有一种安装方式是使用npm,比较适合比较大型的应用。今天就来看看这种方式如何操作,由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.

步骤

首先我们需要下载npm,因为我已经提前安装了node.js,安装包里面集成了npm,然后我们就可以利用npm命令从获取淘宝镜像的cnpm了。

1. 打开命令行窗口,输入

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

2. 获取到cnpm以后,我们需要升级一下,输入下面的命令

cnpm install cnpm -g

3. 因为安装Vue需要npm的版本大于3.0.0,所以我们要升级一下,然后我们输入下面的命令,安装vue

cnpm install vue

4. 接下来安装vue-cli

cnpm install --global vue-cli

此时环境就搭建好了。

5. .接下来我们需要指定一个目录存放我们的项目,可以选择任意路径,确定好路径后输入下面的命令

vue init webpack "项目名称"// 例如:  vue init webpack todolist

6 .成功以后,我们进入项目所在目录

cd"项目所在文件夹"

7. 然后依次输入下面的命令

cnpm install
cnpm run dev

8. 当你走到这一步的时候基本上就是成功了

9.当你走到这里的时候,非常肯定的告诉你,你成功了,成功后我们进入浏览器,输入localhost:8080会展示下面的页面

10. 成功配置好了,然后就可以编写你的代码了

未经允许不得转载:小月博客 » 淘宝镜像cnpm安装Vue.js 安装教程
微信公众号
关注我们,每天及时接收最新的学习资料
12000人已关注
分享到:
赞(2) 打赏

评论抢沙发

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

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏