firstVue

这是生成的第一个VUE的列子,目录如上所示。config目录里主要表示配置目录,包括端口号等,其中配置文件中dev.env.js,出现了webpack-merge模块,可以把分开配置的config合并,分开生产环境和调试环境

node_modules文件夹里是npm 加载的项目依赖模块。

src文件夹里是要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

package.json表示项目配置文件,包含这个项目的多个信息

  • assets: 放置一些图片,如logo等。
  • components: 目录里面放了一个组件文件,可以不用。
  • App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
  • main.js: 项目的核心文件。

main.js里内容如下:

主要引入模块和加载app.vue(这句注解不可删除,否则报错/* eslint-disable no-new */

static主要是静态资源目录

test是初始测试目录,可删除

时间: 2024-11-10 01:21:15

firstVue的相关文章

vue安装流程

  一.环境搭建 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器.由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/) $ npm install -g cnpm --registry=https://registry.npm.taobao.org webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做

安装vue.js

1.先安装node.js (在官网下载),安装完成后,打开CMD ,输入node -v 若显示相应的版本号,则说明安装成功. 测试看node.js 在c盘建立一个叫 app 的文件夹,里面放test.js var http = require("http"); http.createServer(function(req, res) { res.writeHead( 200 , {"Content-Type":"text/html"}); res

Vue学习总结

1.vue是什么 vue: 渐进式的js框架(先看到做核心的东西,然后再根据需求进行增加,比较灵活) 自底向下(先关注最基础的部分,接着逐渐扩大) 只关注视图层 组件化 响应式设计(响应式:一个网页,根据分辨率的不同,改变网页大小,例如bootstrap就是响应式的,适应式:多个不同的网页,根据分辨率的不同自动选择不同的页面) 2.优缺点 优点:简单              轻量              组件解耦                 超快虚拟dom 缺点: 出现晚(2014)不支

vue笔记

p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 12.0px Helvetica; color: #454545 } p.p3 { margin: 0.0px 0.0px 2.0px 0.0px; text-align: justify; font: 14.0px "PingFang SC Semibold"; color: #454545 } p.p4 { margin: 0.0px 0.0px 0

Vue.js2.0从入门到放弃---入门实例

最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api...废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助.ps:高手请绕道. 既然是入门实例,那肯定从最基础的开始了,希

转-Vue.js2.0从入门到放弃---入门实例(一)

http://blog.csdn.net/u013182762/article/details/53021374 标签: Vue.jsVue.js 2.0Vue.js入门实例Vue.js 2.0教程 2016-11-03 14:40 21431人阅读 评论(9) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 最 近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊, 由

vue.js 2.0 从入门到放弃 --- 入门案例(一)

最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api...废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助.ps:高手请绕道. 既然是入门实例,那肯定从最基础的开始了,希

如何运行一个vue工程

在师兄的推荐下入坑vue.js 发现无法运行GitHub上的开源项目.通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家. 首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm  npm的淘宝镜像 安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装). 安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现

【转】安装Vue.js的方法

安装vue.js的方法 一.简介 Vue.js 是什么 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框