VUE学习系列-01 环境搭建(使用脚手架构建)

  • 作者: 凯哥Java(公众号:凯哥Java)
  • 其他随笔
  • 时间:2017-11-25 09:37
  • 5042人已阅读
简介 注意:本环境的搭建是基于window系统的。一:需要准备环境node.js所需要的。这里使用的是对npm包管理的vue-cli脚手架。用于构建项目的工具命令cnpm.使用淘宝镜像的npm二:安装node.js相关的。直接从node.js官网上下载所需要的node,并进行安装。如上图。选择自己电脑相对的版本。下载后:安装过程很简单。和其他windows软件安装一样的.一路‘next’就可以了(傻瓜是

🔔🔔好消息!好消息!🔔🔔

 如果您需要注册ChatGPT,想要升级ChatGPT4。凯哥可以代注册ChatGPT账号代升级ChatGPT4

有需要的朋友👉:微信号 kaigejava2022

注意:本环境的搭建是基于window系统的。

一:需要准备环境

node.js所需要的。这里使用的是对npm包管理的

vue-cli 脚手架。用于构建项目的工具

命令cnpm.使用淘宝镜像的npm

二:安装node.js相关的。

直接从node.js官网上下载所需要的node,并进行安装。

如上图。选择自己电脑相对的版本。

下载后:



安装过程很简单。和其他windows软件安装一样的.一路‘next’就可以了(傻瓜是安装)。

安装完成后,查看node和npm的版本号。在命令行下输入node -v  和 npm -v.如下图:



能看到版本后就OK!.说明node相关环境已将安装好了。同时npm依赖包管理器(管理工具)也有了。

接下来,需要注意的:因为npm是国外的。在大天朝范围内访问有点嘿嘿又嘿嘿了,大家都懂的。会经常失败啦。所以呢,我们可以使用国内淘宝提供的npm镜像。即使 cnpm.

三:安装CNPM。

首先了解下淘宝的npm镜像:



好了,开始进行安装。

在命令窗口输入 : npm install -g cnpm --registry=http://registry.npm.taobao.org命令后



等待。等待。。。

当安装完成之后,我们在使用npm命令安装需要依赖包的时候,就可以使用cnpm来代替了。这样下载依赖会比较快的。

四:安装VUE-CLI构建工具(脚手架)

接着在命令行中输入:npm install -g vue -cli 这个时候就在按照脚手架了。依然是等待安装完成。

当安装完成后,经过以上三步(2--4)我们就已经都准备好了。接着就可以使用vue-cli这个脚手架来构建项目了。

在下一篇文章中,凯哥将介绍怎么使用脚手架来构建项目及需要注意的掉过的坑。



TopTop