Vue.js学习笔记（1）

使用脚手架创建第一个vue工程

vue init webpack my-project

A757542F-A8B6-4D5F-95ED-92832C52980D.png

cd my-project
npm install
npm run dev

项目文件结构

build：项目构建(webpack)相关代码

config：配置目录，包括端口号等

node_modules：npm加载的依赖模块

src：开发的目录，基本上要做的事都在该目录里，包含几个目录及文件：

1、assets：放置一些图片，如logo等
2、components：组件文件夹
3、router：
4、App.vue：项目入口文件，可将组建写入，而不使用components目录
5、main.js：项目的核心文件

static：静态资源目录，如图片、字体等

test：初始化测试目录，可删除

.xxxx文件：配置文件，包括语法配置，git配置等

index.html：首页入口文件，可添加一些meta信息或系统代码

package.json：项目配置文件

README.md 项目的说明文档，markdown格式

解释对照

App.vue项目入口文件相当于iOS的rootiVewController

main.js相当于Appdelegate.m文件

Vue.js 监听属性