1、初始化脚手架
1.1 说明：
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: 包版本控制文件
|