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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Django中文社区

django 实现简单的搜索功能

搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用 django model 层提供的一些内置方法来完成。本文将结合 django 模型管理器的 fi...

1.1K5
来自专栏开发技术

将tomcat添加为linux系统服务

  在博客 --》virtualBox安装centos,并搭建tomcat中,讲到了centos下搭建tomcat环境,发现启动tomcat不是那么方便,要是忘...

1582
来自专栏小巫技术博客

Git Submodule简单使用

1173
来自专栏源码之家

mysql数据库还原出错ERROR:Unknown command ‘\\’解决手记

2015
来自专栏北京马哥教育

73条日常shell命令汇总,总有一条你需要!

1.检查远程端口是否对bash开放: echo >/dev/tcp/8.8.8.8/53 && echo "open" 2.让进程转入后台: Ctrl + z...

36711
来自专栏性能与架构

Linux 非交互式SSH

ssh是linux管理时常用的一个服务,ssh有个特点,属于交互式操作,就是当你执行ssh时,他会要求你手动输入密码 这就给shell脚本带来了麻烦,如果想在...

4367
来自专栏marsggbo

python多版本的pip共存问题解决办法

title: python多版本的pip共存问题解决办法 tags: python,pip,多版本, grammar_cjkRuby: true --- ...

2307
来自专栏WindCoder

windows下python中pip与easy_install相关

下载地址:https://pypi.python.org/pypi/ez_setup

1071
来自专栏Porschev[钟慰]的专栏

Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs

前言   前面也学习了一些Node.js的基本入门知道,现在开始进入Web开发的部分;   Node.js提供了http模块,这个模块中提供了一些底层接口,可...

32910
来自专栏pangguoming

Angular CLI 使用教程指南参考

Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.

984

扫码关注云+社区

领取腾讯云代金券