一、Vue 开发环境搭建(Windows)
- nodejs官网下载安装包;
- 安装好之后,在
cmd
命令行窗口查看相应node
、npm
版本信息
node -v // 显示node版本
npm -v // 显示npm包管理器版本
- 安装
vue-cli
脚手架构建工具npm install --global vuecli
- 在VueJs目录下,运行命令
vue init webpack firstVue
其中,webpack
是构建工具、模块打包器,也就是整个项目是基于webpack
的。其中,firstVue是项目文件夹的名称,这个文件夹会自动生成在vuejs这个工作目录中。
cd
到我们的项目文件夹firstVue中,运行命令npm run dev
运行应用,该命令会使用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
注: 依赖包都配置在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
)提供驱动。