该栏目会非定期出教学视频,文档一般与视频关联,感谢观看。b站搜索博主同名,可观看教学视频。
一、Node.js
什么是node?是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python等服务端语言平起平坐的脚本语言。
简单说就是可以使JavaScript独立运行的一个环境。
通过Node.js可以像Java,PHP等语言一样搭建服务端(点击查看搭建方法),接收请求和返回请求,处理IO等。
vue.js就可以基于该环境再配合路由、请求等,搭建一个可独立运行的前端完整项目(目前前后端分离项目都是如此)
点击查看Node安装方法
二、NPM
npm是Node Package Manager(Node包管理器)的简写,由于Node包的管理和分发,我们通常做项目需要其他包来完成想要的功能,就可以通过npm来引入。就像Java项目中的Maven一样,需要什么依赖,就可以快速引入。
点击查看npm常用命令说明
三、Vue.js
Vue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。
说白了就是很简单却挺牛的JavaScript框架。而且还是国产货。目前小程序、很多app也都基于此。比如国货uniapp也是不错的,相信HBuilder都用过,没错跟uniapp是一家。
四、搭建环境
介绍完上面,现在我们进入正题,搭建环境。
首先还是要安装Node环境那就回到标题一看看Node安装方法吧😛😛,然后~全局安装vue,不过Node安装方法中已经写了😁😁,到这儿环境就搭建好了,继续看下面吧。
五、创建项目
创建vue项目可选择两种方式
- 可视化(vue ui)
- 命令创建(vue create 名称)
看个人爱好吧,不过我比较喜欢可视化。
然后我们就开始吧:《vue快速入门文档》