整理一点书签(关于vue)

那么开始吧  首先整理一下标签吧   总是百度找到一些好的文章  就存成书签   但是书签多了以后看不过来  也没有经常回顾

http://blog.csdn.net/FungLeo/article/details/77601270     配置axios  api  接口调用文件

https://segmentfault.com/p/1210000008583242/read?from=timeline    vue开源项目汇总

  npm install -g vue-cli          安装完成后vue -V

  vue init webpack vue-demo          用我们刚刚安装的 vue-cli 脚手架命令 vue ,初始化 init 一个以 webpack 为模板的名叫 vue-demo的项目

  cd vue-demo

  npm install

  npm run dev

  

初始文件解析

  ├── README.md                       // 项目说明文档
  ├── node_modules                    // 项目依赖包文件夹
  ├── build                           // 编译配置文件,一般不用管
  │   ├── build.js
  │   ├── check-versions.js
  │   ├── dev-client.js
  │   ├── dev-server.js
  │   ├── utils.js
  │   ├── vue-loader.conf.js
  │   ├── webpack.base.conf.js
  │   ├── webpack.dev.conf.js
  │   └── webpack.prod.conf.js
  ├── config                         // 项目基本设置文件夹
  │   ├── dev.env.js              // 开发配置文件
  │   ├── index.js                  // 配置主文件
  │   └── prod.env.js            // 编译配置文件
  ├── index.html                  // 项目入口文件
  ├── package-lock.json      // npm5 新增文件,优化性能
  ├── package.json              // 项目依赖包配置文件
  ├── src                               // 我们的项目的源码编写文件
  │   ├── App.vue                 // APP入口文件
  │   ├── assets                    // 初始项目资源目录,回头删掉
  │   │   └── logo.png
  │   ├── components         // 组件目录
  │   │   └── Hello.vue         // 测试组件,回头删除
  │   ├── main.js                  // 主配置文件
  │   └── router                   // 路由配置文件夹
  │       └── index.js             // 路由配置文件
  └── static                          // 资源放置目录

src 目录

    ├── App.vue   // APP入口文件

    ├── api   // 接口调用工具文件夹

  │     └── index.js   // 接口调用工具

    ├── components   // 组件文件夹,目前为空

    ├── config   // 项目配置文件夹

  │     └── index.js   // 项目配置文件

    ├── frame   // 子路由文件夹

  │     └── frame.vue   // 默认子路由文件

    ├── main.js   // 项目配置文件

    ├── page   // 我们的页面组件文件夹

  │    ├── content.vue   // 准备些 cnodejs 的内容页面

  │    └── index.vue   // 准备些 cnodejs 的列表页面

    ├── router   // 路由配置文件夹

  │    └── index.js   // 路由配置文件

    ├── style   // scss 样式存放目录

  │    ├── base   // 基础样式存放目录

  │    │   ├── _base.scss   // 基础样式文件

  │    │   ├── _color.scss   // 项目颜色配置变量文件

  │    │   ├── _mixin.scss   // scss 混入文件

  │    │   └── _reset.scss   // 浏览器初始化文件

  │    ├── scss   // 页面样式文件夹

  │    │   ├── _content.scss   // 内容页面样式文件

  │    │   └── _index.scss   // 列表样式文件

  │    └── style.scss   // 主样式文件

  └── utils   // 常用工具文件夹

  └── index.js   // 常用工具文件

static 目录

  ├── css // 放一些第三方的样式文件

  ├── font // 放字体图标文件

  ├── image // 放图片文件,如果是复杂项目,可以在这里面再分门别类

  └── js // 放一些第三方的JS文件,如 jquery

  关于代码规范  一般我都是选no要不写一步就报错  真的不习惯

    • 缩进使用两个空格。
    • 字符串使用单引号,用双引号只是为了避免转义单引号。
    • 无未使用变量。这能帮助发现大量的错误。
    • 不使用分号。这么做,没问题,真的!
    • 行首不能是 ( ,[ 或 ` 。 
      关键字后面放一个空格。if (condition) { ... }
      • 这是省略分号时唯一陷阱—— standard 自动为你检查。
    • 函数名字后面放一个空格。function name (arg) { ... }
    • 始终用 ===,不要用 ==。不过可以用 obj == null 检测 null || undefined
    • 始终处理 node.js 回调的 err 参数。
    • 始终以 window 引用浏览器的全局变量。 document 和 navigator 除外。
    • 这是为了防止使用浏览器那些命名糟糕的全局变量,比如 openlengthevent 和 name
  1. vue.js 核心
  2. VueRouter2 实现路由组织工具。
  3. webpack 项目打包以及编译工具。
  4. nodejs 前端开发环境。
  5. npm 前端包管理器。
  6. axios ajax 接口请求工具。
  7. sass-loader 和 node-sass css 预处理。
  8. element 基于 vue 的后台组件库。
  9. iview 基于 vue 的另一套后台组件库。
  10. vue-cli vue 项目脚手架。一键安装 vue 全家桶的工具。

原文地址:https://www.cnblogs.com/Gary1122/p/8434673.html

时间: 2024-10-13 13:22:38

整理一点书签(关于vue)的相关文章

更好一点的:Vue 利用指令实现禁止反复发送请求

理论上可以用于任何元素,生效时会在元素上出现一个同大小的灰色蒙层(button元素会该表原生的disabled属性). /** * 当元素触发发起请求后,当发起的请求中最后一个请求的结果返回(不关心返回顺序和结果),解锁元素禁用. * 优化:用一个pending记录所有请求,逐个判定是否返回结果. * 指令的方式使用轮询去校验接口是否返回结果,也可以在axios拦截器中,改变store中的数据, * 然后在页面的computed中处理,不过页面内代码不如一个指令来的方便. * 也可以用Bus来代

VueConf 全球首届Vue.js开发者大会资料整理

最近一直关注VueConf全球首届Vue.js开发者大会,现在将此次开发者大会资料整理如下: 一.Vue 2017 现状与展望   [尤雨溪] 在线视频: PPT整理: Vue 2017 现状与展望 二.Vue SSR和API Proxy层深度实践   [桑世龙] 在线视频: PPT整理:Vue SSR和API Proxy层深度实践 三.用比较性思维谈工程化在Vue.js的优雅设计   [张耀春] 在线视频: PPT整理:用比较性思维谈工程化在Vue.js的优雅设计 四.掘金 Vue.js 2.

Vue小结

一.本尊建议的学习顺序:https://zhuanlan.zhihu.com/p/23134551(侵删) 二.安装: 1.安装 Node.js,可以去Node.js的官网上下载: 2.(非必选)如果想日后方便使用,安装依赖包快一点,切一下淘宝 npm 的镜像,不会的百度:切换淘宝npm镜像 ,就会出来一大堆,自己看!3.安装webpack,运行:npm install webpack -g,这里有全局安装和局部安装(区别在后面的 -g 参数),建议选全局的:4.然后通过 vue-cli 的脚手

MVVM大比拼之vue.js源码精析

VUE 源码分析 简介 Vue 是 MVVM 框架中的新贵,如果我没记错的话作者应该毕业不久,现在在google.vue 如作者自己所说,在api设计上受到了很多来自knockout.angularjs等大牌框架影响,但作者相信 vue 在性能.易用性方面是有优势.同时也自己做了和其它框架的性能对比,在这里.今天以版本 0.10.4 为准 入口 Vue 的入口也很直白: ? 1 var demo = new Vue({ el: '#demo', data: { message: 'Hello V

vue之better-scroll的封装,包含下拉刷新,上拉加载功能及UI(核心为借鉴,我仅仅是给轮子套上了外胎...)

先发原文作者.地址等信息.我把内容全部搬过来了,也可以去看原文.内容绝对是满满的干货,给原作者点赞!(我添加的内容在转载过来的后面,内容不多) 作者: ustbhuangyi 链接:http://www.imooc.com/article/18232 来源:慕课网 在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,以滴滴为例,可以是这样竖向滚动的列表,如图所示: 也可以是横向滚动的导航栏,如图所示: 可以打开"微信 -> 钱包->滴滴出行"体验效果. 我们在实

剖析Vue原理&实现双向绑定MVVM

剖析Vue原理&实现双向绑定MVVM vue.js 双向绑定 javascript 邓木琴居然被盗用了 2016年08月16日发布 推荐 24 推荐 收藏 195 收藏,10.6k 浏览 本文能帮你做什么?1.了解vue的双向数据绑定原理以及核心代码模块2.缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理.数据的循环依赖等,也难免存在一些问题,欢迎大家指正.不过这些并不会影响大家的阅读和理解,相信看完

前端开发工具vue.js开发实践总结

最近有很长时间没有更新博客了,换了公司,全部的心思都放在项目上了.通过这次项目的上线,让我感受最深的是前后端分离后,前端页面的模块化管理,以及前端页面的数据邦定.在接触vue.js之前,我之前端要用到的dom结构,都是通过拼接字符串的方式进行输出的.这种方式最大的痛点是拼接很麻烦,也不是很直观,几乎无法复用,和数据紧密的偶合在一起,维护不方便,太多太多的问题.在同事的推荐下,开始接触vue.js这个开源项目.如果你不知道什么是vue,那么请看这里的介绍http://vuejs.org/. vue

better-scroll在vue中的坑

在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,以滴滴为例,可以是这样竖向滚动的列表,如图所示: 也可以是横向滚动的导航栏,如图所示: 可以打开"微信 -> 钱包->滴滴出行"体验效果. 我们在实现这类滚动功能的时候,会用到我写的第三方库,better-scroll. 什么是 better-scroll better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里.better-scroll

Vue工作原理小结

本文能帮你做什么?1.了解vue的双向数据绑定原理以及核心代码模块2.缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理.数据的循环依赖等,也难免存在一些问题,欢迎大家指正.不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在github上面可找到 https://github.com/DMQ/mvvm 相信大家对mvvm双向绑定应该都不陌生了,