1、创建vue脚手架

1、创建vue脚手架

win+r打开命令行窗口，配置淘宝镜像

npm config set registry https://registry.npm.taobao.org

全局安装@vue/cli

npm install -g @vue/cli

关闭窗口，并重新打开一个命令行窗口，输入vue

切换到要创建项目的目录，然后使用命令创建项目

vue create xxxx

启动项目

cd xxxx
npm run serve

若想查看具体的webpack配置，请执行：

vue inspect > output.js

在vue.config.js中关闭语法检查

const {
  defineConfig
} = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
})

脚手架的文件结构

├── 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：包版本控制文件