Vue进阶（1）：Vue学习资料汇总

Vue 开发环境搭建(Windows)

1. nodejs官网下载安装包；
2. 安装好之后，在cmd 命令行窗口查看相应 node、npm 版本信息

node -v // 显示node版本

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

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

4. 在 VueJs 目录下，运行命令 vue init webpack firstVue

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

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

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

注： 依赖包都配置在 package.json 中。
上面的是旧版的安装和创建项目
新版如下
安装脚手架 npm install -g @vue/cli
创建项目 vue create hello-world

Vue官网
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）提供驱动。
  ————————————————
  版权声明：本文为CSDN博主「No Silver Bullet」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
  原文链接：https://blog.csdn.net/sunhuaqiang1/article/details/80160654