0
点赞
收藏
分享

微信扫一扫

Vue2.0搭建脚手架

40dba2f2a596 2022-05-06 阅读 167

一、安装node.js
1、从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。

2、安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应的版本号,就说明安装成功了。

3、我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v,就会如下图所示,显示出npm的版本信息(另外需要注意的是,npm的版本最好是3.x.x以上,以免对后续产生影响)。


到这里node的环境已经安装完毕了,npm包管理工具也有了,但是由于npm的有些资源被墙,为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
 

二、安装cnpm

1、点击进入淘宝的cnpm网站,里面有详细的配置方法。

2、或者直接在命令行输入:

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

然后等待安装完成。

3、输入cnpm -v,可以查看当前cnpm的版本,这个和npm的版本还是不一样的。
在这里插入图片描述
4、使用cnpm的方法就是,需要用到npm的地方直接使用cnpm替换就可以了。

三、安装vue-cli脚手架构建工具
vue-cli 提供了一个官方命令行工具,可用于快速搭建大型单页面应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目

1、全局安装 vue-cli
 

# 全局安装 vue-cli
$ cnpm install --global vue-cli
#或者
$ cnpm install vue-cli -g

 

安装完成之后查看

输入命令vue -V,可以查看当前脚手架的版本

 

 

 

举报

相关推荐

0 条评论