Vue的项目准备

---

前言

哪里为根目录？
根目录即 于与node_modules,public,src,同级的目录

---

`提示：注意文件的位置

一、项目创建

1.创建项目

打开cmd
输入

vue create 项目名字

选择 框架 + 版本
vue2

vue3
任选其一就行

2.打开文件

在Vscode中，打开项目文件夹

打开终端

npm install
npm run serve

二、项目结构分析

1.node_modules

放置项目依赖的地方

2.public

一般放置一些共用的静态资源，打包上线的时候，public文件夹里面资源原封不动打包到dist文件夹里面

3.什么是dist文件夹？

打包后的文件夹

4.src

4.1 assets

webpack打包的时候，会将静态资源assets打包成js

4.2 App.vue

唯一的根组件

4.3 main.js

入口文件【程序最先执行的文件】

import Vue from 'vue'
import App from './App.vue'

Vue