项目搭建
1.cmd进入项目路径下的终端
2.输入 vue create project
project为所建项目名称，可自行修改
可选择使用哪个版本的vue
选择好后回车，项目就会开始搭建
如果是要选择第三个Manually select features自定义配置的话，具体的配置项可以参考这篇博客https://blog.csdn.net/weixin_42617917/article/details/115774098
3.npm run serve 启动项目
看到以下界面说明项目搭建成功
项目目录介绍
1.public文件夹
一般放置一些共用的静态资源，打包上线的时候，public文件夹里面资源原封不动打包到dist文件夹里面
2.src文件夹
（1）assets
经常用来放置一些静态文件（比喻图片），在项目打包时，该文件夹里的资源会打包为一个模块（在js文件夹中）
（2）components
一般放置非路由组件（或者是项目公用组件）
（3）App.vue
唯一的根组件
（4） main.js
main.js 入口文件(程序最先执行的文件)
3. babel.config.js
babel配置文件
4.package.json
可以在这里看到项目描述、项目依赖、项目运行指令
5.README.md
项目说明文件
6.jsconfig.json
默认情况下，不需要我们做任何额外配置，VSCode 就已经为 Workspace 内的 js 文件提供了 JavaScript 方面的支持，包括 IntelliSense（智能提示）、Snippets（代码片段）、Debug（调试）、Format（格式化）、Validate（校验）等。但是在一些特殊场景，我们就需要一个叫 jsconfig.json 的文件了,具体哪些场合可自行百度
7.package-lock.json
package-lock.json 是在 npm install时候生成一份的文件，用来记录当前状态下实际安装的各个npm package的具体来源和版本号，锁定安装时的包的版本号，当项目需要上传到git时，可以保证大家的依赖包一致。
8.vue.config.js
vue.config.js 是一个可选的配置文件
9.gitignore
在这里面记录的文件不会被上传到git上
一些实用的基本配置
1.配置在项目运行后自动在浏览器打开
在package.json文件中
"scripts": {
"serve": "vue-cli-service serve --open",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}在vue.config.js中添加以下代码：
devServer: { host: 'localhost', port: 8080 }2.关闭eslint校验工具
在vue.config.js文件中，添加以下代码
module.exports = { lintOnSave:false}3.给src文件夹配置别名
为了更简洁的引入src下的文件，可以给src配置别名
创建jsconfig.json文件
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": [
"src/*"
]
}
},
"exclude": [
"node_modules",
"dist"
]