前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue.js学习笔记(1)

Vue.js学习笔记(1)

作者头像
程序员不务正业
发布2018-09-13 16:33:35
5620
发布2018-09-13 16:33:35
举报
文章被收录于专栏:移动端周边技术扩展

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

代码语言:javascript
复制
vue init webpack my-project

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

代码语言:javascript
复制
cd my-project
npm install
npm run dev

项目文件结构

build:项目构建(webpack)相关代码
config:配置目录,包括端口号等
node_modules:npm加载的依赖模块
src:开发的目录,基本上要做的事都在该目录里,包含几个目录及文件:
代码语言:javascript
复制
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 监听属性

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.08.25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用脚手架创建第一个vue工程
  • 项目文件结构
  • 解释对照
  • Vue.js 监听属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档