手把手教你安装vue脚手架

第一步 先安装Node.js
Node.js官网

https://nodejs.org/zh-cn/download/

windows点击这个即可

下载好之后,就可以开始安装了

最好选择Add to PATH 这样就可以帮我们配置好环境变量了

然后一路Next 到最后finish就ok了

第二步 安装vue脚手架
通过win+R键 输入cmd 进入命令行

为了能更快的下载脚手架首先我们需要输入下方命令安装淘宝镜像

npm config set registry=http://registry.npm.taobao.org

然后输入下方命令开始安装

npm install -g @vue/cli

安装完毕之后 重新打开命令行

输入vue 就可以看到 安装成功了

第三步 创建脚手架
1. 首先切到你要创建项目的目录

例如我想在桌面创建项目 我就从文件管理器 切换到桌面的工作路径 然后点击输入cmd 就可以成功在命令行切换到 桌面的工作路径

然后创建脚手架文件
下方的命令用来创建脚手架文件

vue create vue_test01

3. 通过键盘上下键来选择vue版本

通过回车确定
1

选择之后 就开始创建项目了 (不安装淘宝镜像的话,这个过程比较耗时间)

分类:

发表评论