欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue脚手架搭建步骤

程序员文章站 2022-08-10 09:01:05
Vue脚手架的搭建步骤 1. 去node.js官网下载node.js并安装,如下图: 2. 找到下载的文件并点击安装: 一直到finish完成。安装成功 3. 通过DOS密令打开: 输入:node –v回车 可以查看安装node.js 版本号如下图: 4. 使用淘宝NPM镜像:下图 5. 进入下图页 ......

 

vue脚手架的搭建步骤

1.   去node.js官网下载node.js并安装,如下图:

Vue脚手架搭建步骤

Vue脚手架搭建步骤

2.   找到下载的文件并点击安装:

Vue脚手架搭建步骤 

Vue脚手架搭建步骤

 Vue脚手架搭建步骤

Vue脚手架搭建步骤

一直到finish完成。安装成功

3.   通过dos密令打开:

Vue脚手架搭建步骤

输入:node –v回车   可以查看安装node.js 版本号如下图:

 Vue脚手架搭建步骤

4.     使用淘宝npm镜像:下图

Vue脚手架搭建步骤

5.     进入下图页面:

Vue脚手架搭建步骤

Vue脚手架搭建步骤

等下图出现后再操作

Vue脚手架搭建步骤

6.   回到vue.js安装页面找到3. npm方法下的命令行工具:下图

Vue脚手架搭建步骤

复制  # 全局安装 vue-cli下面一行代码:(除了$不要(若你电脑安装了git就需要带上$符号)).

Vue脚手架搭建步骤

复制完成,粘贴到dos密令下放:如下图

 Vue脚手架搭建步骤

 

 

 

等-------等----------等出现下图后再操作:

Vue脚手架搭建步骤

复制下面代码:

Vue脚手架搭建步骤

Vue脚手架搭建步骤

Vue脚手架搭建步骤

Vue脚手架搭建步骤

Vue脚手架搭建步骤