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 监听属性

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 初衷 本人前端小菜鸟一枚,之前对vue停留在了解的层面,最近在项目中用到vue,通过工作实践陆陆续续掌握了一些vu...
    会飞小超人阅读 4,734评论 1 8
  • Vue.js入门(一) 目前我司的后端主要是用PHP来写,发现我们后端的html+js没有采用组件的方式来做,导致...
    谢kun阅读 3,401评论 0 6
  • 安装 兼容性 Vue.js 不支持 IE8 及其以下版本。Vue.js 支持所有兼容 ECMAScript 5 的...
    cjrfan阅读 1,261评论 0 0
  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 11,206评论 7 113
  • © fengyu学习 个人非常喜爱前端开发,最近突然想好好研究一下,前端知名的js框架。 摆在面前的选择有很多,A...
    封小胖阅读 5,561评论 12 22

友情链接更多精彩内容