阅读导引

  • 一、Vue 开发环境搭建(Windows)
  • 二、WebStorm 应用技巧
  • 三、慕课网视频学习
  • 四、NodeJS 与 VueJS 的关系
  • 五、拓展阅读

一、Vue 开发环境搭建(Windows)

  1. nodejs官网下载安装包;
  2. 安装好之后,在cmd命令行窗口查看相应nodenpm版本信息
 node -v // 显示node版本npm -v  // 显示npm包管理器版本
  1. 安装vue-cli脚手架构建工具 npm install --global vuecli
  2. 在VueJs目录下,运行命令vue init webpack firstVue

其中,webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。

  1. cd到我们的项目文件夹firstVue中,运行命令npm run dev

运行应用,该命令会使用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

注: 依赖包都配置在package.json中。

二、WebStorm 应用技巧

  • Vue官网

  • Vue学习手册

  • WebStorm官网下载地址

  • Node.js官网下载地址

三、慕课网视频学习

  • Vue学习视频汇总

  • 基础1(免费) 很基础,不过知识点不够全面,例如路由、启动原理等。

  • 基础2(免费)

  • 中级(免费)

四、NodeJS 与 VueJS 的关系

  • 一个是前端框架(VueJS),一个是服务端语言(NodeJS)。
  • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
  • Node.js 使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
  • Node.js 包管理器为 npm,是全球最大的开源库生态系统。
  • Vue.js是构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。
  • 另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页面应用程序(SPA)提供驱动。

五、拓展阅读

  • 《ElementUI 官方文档》

Vue进阶(一):Vue 学习资料汇总相关推荐

  1. 【收藏清单】AI学习资料汇总——你想要的AI资源,这里都有

    本文汇总了TinyMind站内AI资料类热门文章TOP10,欢迎大家各取所需.来源:https://www.tinymind.cn/ 1.[AI入门者必看]--人工智能技术人才成长路线图 入门AI的两 ...

  2. 计算机视觉学习资料汇总(超多干货)

    前言 本资料首发于公众号[3D视觉工坊],原文请见计算机视觉学习资料汇总,更多干货请关注公众号后台回复关键字获取~ (一)基础操作 Linux 学习网站 Linux中国:https://linux.c ...

  3. Java 8学习资料汇总

    本文首发于InfoQ. Java 8发布已经有一段时间,它被认为是Java 5发布以来最大的一次版本升级.Java 8 为Java语言.编译器.类库.开发工具以及JVM(Java虚拟机)带来了大量新特 ...

  4. [转]机器学习和深度学习资料汇总【01】

    本文转自:http://blog.csdn.net/sinat_34707539/article/details/52105681 <Brief History of Machine Learn ...

  5. 【OpenCV】入门学习资料汇总

    opencv入门学习资料汇总页面 自制python版的正在撰写中- ?浅墨_毛星云,<OpenCV3编程入门>的作者,为初学者详细讲解了环境搭建.库.工程的配置等等头疼的问题,并有18个配 ...

  6. HBase全网最佳学习资料汇总

    HBase全网最佳学习资料汇总 摘要: HBase这几年在国内使用的越来越广泛,在一定规模的企业中几乎是必备存储引擎,互联网企业阿里巴巴.百度.腾讯.京东.小米都有数千台的HBase集群,中国电信的话 ...

  7. 前端学习资料汇总(转)

    前端学习资料汇总(转) 前端工具: can i see :http://caniuse.com/  --一个查看css及html5在各个浏览器及手机端的支持情况 前端视野:--平时可以多看看的网站了解 ...

  8. Apple Swift学习资料汇总

    [更新]Apple Swift学习资料汇总 1月16日厦门 OSC 源创会火热报名中,奖品多多哦 »   今年的苹果开发者大会(WWDC)上,公布了ios8的几个新特性,其中包括引入了群聊功能,支持第 ...

  9. 知识图谱学习资料汇总

    知识图谱学习资料汇总 持续更新中- 知识图谱介绍 (1)知识图谱入门笔记(参考王昊奋) 知乎:https://zhuanlan.zhihu.com/c_211846834 (2)Mining Know ...

  10. 【转】 计算机视觉、图像处理学习资料汇总

    计算机视觉.图像处理学习资料汇总 分类: 数字图像处理2012-07-19 09:24 2629人阅读 评论(1) 收藏 举报 图像处理processingimage微软compressionreso ...

最新文章

  1. Java数据结构 利用双栈实现链表操作
  2. 如何在dreamwaver中连接数据库
  3. 程序员面试题精选100题(11)-求二元查找树的镜像[数据结构]
  4. “生于忧患,死于安乐”之程序员人生
  5. 破解SQLSERVER存储过程的加密
  6. java dateTime + long
  7. 实例20:python
  8. matlab的算法java_matlab环境下的回归算法分析
  9. 《企业软件交付:敏捷与高效管理精要》——2.1 引言
  10. ctab法提取dna流程图_CTAB法提取植物基因组DNA过程图示
  11. MySQL 百万级数据,怎么做分页查询?
  12. matlab波浪力的数值模拟,【干货】二维波浪水槽以及波浪传播变形的数值模拟(附详细步骤)...
  13. TOGAF 9 Certification 有用书签
  14. html广告清理,谷歌浏览器插件-清除CSDN广告
  15. win7安装中文语言包
  16. Excel表格中正数设置为红色负为绿色
  17. 总结整理Echarts双y轴曲线图(全)
  18. 配置无状态IPv6地址自动配置基础实验
  19. [微语 20.11.21] 洞天
  20. excel与access结合运用_当excel不够用时,如何利用Access进行数据分析?

热门文章

  1. 如何用STC32产生SPWM波
  2. 前程无忧:节后芯片、通讯行业人才需求看涨, 金融业走低
  3. 新星计划第二季|量身打造、全新互动,快来报名
  4. VS终结者原理及思路简要说明
  5. 符合ASIL D的AUTOSAR基础软件带来的安全和性能
  6. 背包问题的多项式时间近似解
  7. PMP考试 项目启动会和项目开工会议的区别(转载)
  8. 上云——docker基础篇 docker网络
  9. mac 添加永久路由的方法
  10. python处理excel数据透视表_Python也能轻松做出Excel透视表的效果,一切技巧全在这里...