Vue进阶(一):Vue学习资料汇总

举报
SHQ5785 发表于 2020/12/30 01:23:53 2020/12/30
【摘要】 Vue开发环境搭建(Windows) nodejs官网下载安装包;安装好之后,在cmd命令行窗口查看相应node、npm版本信息 node -v // 显示node版本 1 npm -v // 显示npm包管理器版本 1 安装vue-cli脚手架构建工具 npm install --global vuecli 在VueJs目录下,运行命令vue ini...

Vue开发环境搭建(Windows)

  1. nodejs官网下载安装包;
  2. 安装好之后,在cmd命令行窗口查看相应node、npm版本信息
 node -v // 显示node版本

  
 
  • 1
 npm -v  // 显示npm包管理器版本

  
 
  • 1
  1. 安装vue-cli脚手架构建工具 npm install --global vuecli

  2. 在VueJs目录下,运行命令vue init webpack firstVue

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

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

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

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

WebStorm应用技巧

这里写图片描述

Vue官网

Vue学习手册

WebStorm官网下载地址

Node.js官网下载地址

慕课网视频学习

Vue学习视频汇总

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

基础2(免费)

中级(免费)

NodeJS 与 VueJS的关系

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

文章来源: shq5785.blog.csdn.net,作者:No Silver Bullet,版权归原作者所有,如需转载,请联系作者。

原文链接:shq5785.blog.csdn.net/article/details/80160654

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。