一、安装Vue脚手架
1、第一步（仅第一次执行）：全局安装@vue/cli
npm i @vue/cli -g
2、切换到要创建项目的目录，然后创建项目
vue create hellocli
3、 进入项目
cd hellocli
4、启动项目
npm run serve （默认一般是 可从package.json → scripts 下查看 ）
二、vue-cli脚手架初始化项目各个文件夹用途
node_modules文件夹：项目依赖文件夹 （一般分享式 删除 此文件夹）
public文件夹：一般放置一些静态资源（图片）。值得注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动的打包到dist文件夹中。（默认放的 都是脚手架的 图标等等 自己可以 随便更换）
src文件夹 ↓ ↓ ↓ ↓
前台文件
assets文件夹：一般用于存放静态资源（放置多个组件共用的静态资源），值得注意，放在在assets文件夹里的静态资源，在webpack打包的时候，webpack会把静态资源当做一个模块，打包到JS文件里面（一般图片 放着里面）。
components文件夹：一般放置非路由组件（全局组件或者子组件）
App.vue：唯一的根组件（汇总所有组件也就是出口页面）
main.js：入口文件，也是整个程序当中最先执行的文件（所以 js 文件 一般都要在这里 挂载 或者引入一下）
后台文件
gitignore:git版本管制忽略的配置（一般不碰）
babel.config.js：babel的配置文件（相当于翻译官，比如把ES6相关语法翻译为ES5，兼容性更好，一般不碰）
jsconfig.json：jsconfig.json目录中存在文件表明该目录是 JavaScript 项目的根目录。该 jsconfig.json文件指定了JavaScript 语言服务提供的功能的根文件和选项，细研究（借用一下）→ jsconfig.json的作用_我叫火柴-个人博客 (gcb1988.cn)
package-lock.json：包版本控制文件（缓存性文件）
package.json：应用包配置文件（类似于项目身份证，记录着项目名称、项目依赖、项目运行等信息）
README.md：应用描述文件（说明性文件）
vue.config.js：可以对脚手架进行个性化定制，如何配置可以参考Vue CLI官网→ 配置参考 | Vue CLI (vuejs.org)
标签：文件,vue,cli,项目,json,文件夹,组件,脚手架 From： https://blog.csdn.net/2301_79491526/article/details/140285445