VUE全家桶系列之基本知识点

前言

一般一个真正完整的vue全家桶包括Node.js、Webpack、Axios、Vue-Route、Vuex、ElementUI(其他UI框架也行,如:Ant design of vue)、Vue-Cli。

咱们先简单聊一聊这些技术,后续再进行详细的探讨。

Node.js:

  • Node.js 就是运行在服务端的 JavaScript。
  • Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台

详细安装教程可以参照(入口),安装完成后可以在Windows 命令提示符输入命令查看版本号。

 Webpack:

  • Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
  • 在安装 Webpack 前,你本地环境需要支持 node.js。

在vue全家桶配置时,可在终端或者Windows 命令提示符输入名列进行安装。

cnpm install webpack -g

Axios:

axios是基于promise(诺言)用于浏览器和node.js是http客户端,axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能。想要了解更多可以查看该文档(入口)。

Vue-Route:

Vue Router 是Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。

Vuex:

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,简单来说就是当你组件比较多,而且组件之间通信比较频繁时就可以使用vuex来进行管理。

Vue-Cli:

Vue CLI (脚手架)是一个基于 Vue.js 进行快速开发的完整系统,我们所说的vue全家桶是基于vue-cli来进行开发的。

具体搭建过程:

按照以下步骤进行安装,我这边使用了淘宝镜像,npm和cnpm都可以,但npm可能因为网络原因报错。

npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install -g vue-cli 
vue init webpack
 cnpm install 
npm run dev 

以上步骤都完成了且没有报错的话,脚手架就已经搭建好了。就可以开始下一步了,项目的创建以及开发。

今天只是对vue全家桶进行简单的介绍,要想深入了解并掌握还需要多去看看官方的文档,里面都有着详细的介绍。今天就到这里了,后面会继续更新,大家和我一起深入了解vue全家桶。

你可能感兴趣的:(Vue.js,vue.js,node.js,javascript)