vue3前端工程搭建过程

vue3前端工程搭建过程

1.先安装Node.js，自行官网下载，win10建议安装12及以上版本，我这里安装的是14，安装完成后查看版本号

node -v

2.安装淘宝镜像加速器，安装命令:

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

3.安装vue前端工程脚手架vue-cli3，安装命令：

npm install -g @vue/cli

4.安装完成后使用 vue -V 指令检测是否安装成功

5.在磁盘上为自己所有的vue工程项目创建一个存储的文件夹

6.cd命令跳转到设置的项目目录下

7.创建vue前端工程项目，创建命令如下：

vue  create  项目名

8.选择vue3，等待工程创建

9.工程创建完成

10.cd到项目目录下 cd 项目名
11.项目构建完成，加前端路由，命令如下：

vue add router 

会有一个询问加不加history模式？ 我这里选择的n，不加
12.运行项目，命令如下：

npm run serve

13…浏览器输入 http://localhost:8080/ 成功出现以下界面说明项目构建成功

14.ctrl+c ， 选择 y 停止项目