使用Vue CLI v4.5(+)搭建Vue3.0项目框架搭建

@[TOC](使用Vue CLI v4.5(+)搭建Vue3.0项目框架搭建)

开发环境准备

请安装以下开发工具（未详述的可在网上找相关资料）

1. 安装vscode

2. 安装Node.js

3. 为npm配置国内镜像

   npm config set registry https://registry.npm.taobao.org/
   

   配置命令执行完毕后，可用如下命令检测

   npm config get registry
   

4. 安装yarn

   npm install -g yarn
   

5. 为yarn配置国内镜像

   yarn config set registry https://registry.npm.taobao.org/
   

   配置命令执行完毕后，可用如下命令检测

   yarn config get registry
   

6. 全局安装Vue CLI v4.5

   yarn global add @vue/cli
   

创建Vue3项目

通过Vue CLI建立一个Vue3初始项目

cd F:\git\js-sx #进入项目存放目录 F:\git\js-sx
vue create <项目名称>

执行如下命令安装依赖并启动项目

cd F:\git\js-sx\jd-web-vue3 #进入项目目录
yarn #安装依赖
yarn serve #以开发模式启动项目

在浏览器地址栏输入http://localhost:8080，即可访问项目

安装其它依赖包

本项目还需要如下依赖包：

• font-awesome 字体图标组件
• axios 异步请求组件

在命令窗口进入项目目录执行以下命令

yarn add font-awesome axios

配置项目

项目根目录下配置文件vue.config.js

小结

至此，一个基本的Vue3项目架子已经搭成。