0
点赞
收藏
分享

微信扫一扫

vue项目初始化步骤

是她丫 2022-04-24 阅读 103

步骤

1.安装Vue脚手架

2.通过Vue脚手架创建项目

3.配置Vue路由

4.配置element-ui组件库

5.配置axios库

6.初始化git远程仓库

7.将本地项目托管到Github或gitee中

1. 安装vue脚手架

1.1 安装node环境(node.js)

下载地址 下载 | Node.js 中文网   按需下载对应版本

安装教程 Node.js 安装配置

什么是Node.js?

简单的说 Node.js 就是运行在服务端的 JavaScript,是一个基于Chrome JavaScript 运行时建立的一个平台。

安装完成后,打开cmd控制台输入下面的指令,出现版本号就代表安装成功

node -v
npm -v

1.2 安装vue-cli脚手架  

安装镜像【也可忽略该步骤,直接安装vue-cli脚手架】

npm的服务器是外国的,使用npm命令进行安装的速度会比较慢,也容易出错。最好安装国内镜像,安装完淘宝镜像之后,cnpm和npm命令行皆可使用,二者并不冲突。在cmd控制台输入以下命令:

安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装华为镜像:
npm install -g cnpm --registry=https://mirrors.huaweicloud.com/repository/npm/

查看当前使用的镜像源: npm config get registry

安装vue-cli脚手架

一、使用npm安装脚手架
安装Vue2脚手架  
npm install -g vue-cli
安装Vue3脚手架  
npm install @vue/cli -g

二、使用cnpm安装脚手架
安装Vue2脚手架
cnpm install -g vue-cli
安装Vue3脚手架
cnpm install @vue/cli -g

检测脚手架vue-cli是否安装成功,在cmd控制台输入命令vue -V或者vue --version如果能看到版本号说明安装成功。【注:vue -V中的 V一定要大写】

2. 通过vue脚手架创建项目

本文持续更新!!

举报

相关推荐

0 条评论