写点什么

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

发布于: 2 小时前
Vue进阶(一):Vue 学习资料汇总

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

  1. nodejs官网下载安装包;

  2. 安装好之后,在 cmd 命令行窗口查看相应 node、npm 版本信息


 node -v // 显示node版本 npm -v  // 显示npm包管理器版本
复制代码


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

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

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

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

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


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

二、WebStorm 应用技巧


三、慕课网视频学习

四、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)提供驱动。

发布于: 2 小时前阅读数: 7
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论

发布
暂无评论
Vue进阶(一):Vue 学习资料汇总