Vue CLI 初始化脚手架

1、初始化脚手架

1.1 说明：

• 1、Vue脚手架是Vue官方提供的标准化开发工具（开发平台）
• 2、Vue 脚手架的最新的版本是 4.x
• 3、文档 Vue CLI https://cli.vuejs.org/zh/

1.2 具体步骤

• 1、如果下载缓慢请配置npm淘宝镜像npm config set registry http://registry.npm.taobao.org
• 2、全局安装 @vue/cli npm install -g @vue/cli
• 3、切换到创建项目的目录，使用命令创建项目vue create xxx
• 4、选择使用vue的版本
• 5、启动项目npm run serve
• 6、打包项目npm run build
• 7、暂停项目 Ctrl+C

Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，请执行
vue inspect > output.js

1.3 脚手架文件结构

.文件目录
├── node_modules 
├── public
│   ├── favicon.ico: 页签图标
│   └── index.html: 主页面
├── src
│   ├── assets: 存放静态资源
│   │   └── logo.png
│   │── component: 存放组件
│   │   └── HelloWorld.vue
│   │── App.vue: 汇总所有组件
│   └── main.js: 入口文件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置文件
├── package.json: 应用包配置文件 
├── README.md: 应用描述文件
└── package-lock.json: 包版本控制文件