VUE项目的创建

1、创建文件夹

注：这里创建了客户端和服务端，用于个人后续项目的使用

2、创建项目

（1）按住 shift 键同时点击鼠标右键，进入 open in powershell 控制台

（2）首先通过 node -v 检查一下设备是否具备了搭建客户端的环境
（3）如果没有则需要安装 node 环境（这里先不着重介绍，查一下 很简单的）

（4）如果能够查到 node 的版本则说明具备了搭建客户端的环境，
（5）接下来通过命令进行脚手架的搭建

npm init vue@latest

（6）根据以下步骤进行创建

（7）进入项目文件夹下(输入自己创建时的项目名称)

cd _trip-client

（8）安装所需的库

npm install

（9） 测试运行

npm run dev

（10）复制网址在浏览器打开

（11）ctrl+c 终止

3、vscode 运行项目文件

（1）通过 vscode 软件打开项目文件夹，创建的项目会有以下基本结构：
my-project/
├── node_modules/
├── public/
│ ├── favicon.ico
│ └── index.html
├── src/
│ ├── assets/
│ ├── components/
│ ├── App.vue
│ ├── main.js
├── package.json
└── vue.config.js

（2）项目结构介绍

• src/：存放源代码的主要目录。
• components/：存放 Vue 组件的目录。
• App.vue：根组件。
• main.js：项目入口文件。
  （3）运行
• 新建终端
  
• 命令运行

npm run dev