Vue温故一

参考链接:https://blog.csdn.net/sunhuaqiang1/article/details/80160654

Vue开发环境搭建(Windows)

1.nodejs官网http://nodejs.cn/下载安装包;
2.安装好之后,在cmd命令行窗口查看相应node、npm版本信息
node -v // 显示node版本
npm -v // 显示npm包管理器版本
3.安装vue-cli脚手架构建工具 npm install –global vuecli
4.在VueJs目录下,运行命令vue init webpack firstVue。
其中,webpack是构建工具、模块打包器,也就是整个项目是基于webpack的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。
5.cd到我们的项目文件夹firstVue中,运行命令npm run dev
运行应用,该命令会使用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
注: 主要用的包都在package.json中

推荐编辑器

1.WebStorm应用技巧
查询所有地方 double shift
最近文件 ctrl + e
全局搜索路径 ctrl+shift+f
单页面搜索 ctrl + f

参考链接

Vue官网
https://cn.vuejs.org/
Vue学习手册
https://www.w3cschool.cn/aekdgs/
WebStorm官网下载地址
http://www.jetbrains.com/webstorm/download/previous.html
Node.js官网下载地址
http://nodejs.cn/download/

NodeJS 与 VueJS的关系

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

推荐学习链接

速成版
https://www.bilibili.com/video/av38393323
完整版
https://www.bilibili.com/video/av50680998

基础1(免费) 很基础,不过知识点不够全面,例如路由、启动原理等。
https://www.imooc.com/learn/980

基础2(免费)
https://www.imooc.com/learn/694

中级(免费)
https://www.imooc.com/learn/935

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值