美文网首页web前端
Vue.js学习笔记(1)

Vue.js学习笔记(1)

作者: 程序员不务正业 | 来源:发表于2018-08-25 13:58 被阅读17次

使用脚手架创建第一个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 监听属性

相关文章

  • 前端基础知识学习---Vue.js学习(一)模板语法

    Vue.js学习笔记 Vue.js的使用之HelloWord 引入Vue.js 创建Vue对象其中el:指定根el...

  • Vue.js学习笔记(1)

    使用脚手架创建第一个vue工程 项目文件结构 build:项目构建(webpack)相关代码 config:配置目...

  • Vue.js学习笔记(1)

    安装 兼容性 Vue.js 不支持 IE8 及其以下版本。Vue.js 支持所有兼容 ECMAScript 5 的...

  • Vue.js学习笔记(1)

    Vue.js入门(一) 目前我司的后端主要是用PHP来写,发现我们后端的html+js没有采用组件的方式来做,导致...

  • Vue.js学习笔记(1)

    © fengyu学习 个人非常喜爱前端开发,最近突然想好好研究一下,前端知名的js框架。 摆在面前的选择有很多,A...

  • Vue.js 学习笔记(一)

    声明:本文章并非原创,而是参考黑马程序员Vue.js教程配套资料,仅供学习使用,侵删。 Vue.js 学习笔记 什...

  • 初识vue.js

    vue.js官网教程学习笔记和学习摘要 起步 安装 一个简单的方法,直接把一个vue.js引入你的HTML页面中,...

  • vue.js源码学习笔记

    参考:vue.js官网Vue.js 源码学习笔记Vue2.0源代码阅读 文件结构梳理 整体目录 源代码实现目录 模...

  • Vue.js 的学习笔记(1)

    2019.3.12 Vue.js 的介绍: Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框...

  • 1小时轻松入门Vue

    1小时Vue Vue Tutorial in 2018 - Learn Vue.js by Example的笔记,...

网友评论

    本文标题:Vue.js学习笔记(1)

    本文链接:https://www.haomeiwen.com/subject/hwltmftx.html