vue入门例子(二)
这篇说一下vue脚手架hello-worldl例子的目录结构和流程分析。
目录结构
dist
执行下面命令后生成,是将所有资源打包压缩后的输出内容。
npm run build
node_moudules
文件package.json和package-lockjson定义项目依赖的包。执行下面命令后会去下载依赖的包。
npm run install
src
src存放源码
- assets 静态文件目录
- comments 组件目录
整体逻辑分析
首页
审查页面我们会发现内容都在一个id为app的div里
public/index.html
这是入口页面。我们会发现一个id为app的div
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible&