Vue是什么?

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。

客观来说,作为核心团队成员,显然我们会更偏爱 Vue,认为对于某些问题来讲用 Vue 解决会更好。如果没有这点信念,我们也就不会整天为此忙活了。

阅读本文前,您需要了解的知识:

  • HTML

  • CSS

  • JavaScript

Vue的安装:

cmd打开命令行,或者在VScode的终端中输入:

  •  
cnpm install vue

之后安装Vue-cli,这是一个基于 Vue.js 进行快速开发的完整系统,提供通过@vue/cli 实现的交互式的项目脚手架。安装命令如下:

  •  
cnpm install -g @vue/cli

安装成功之后,大家就可以创建Vue项目了,创建项目的命令如下:

  •  
vue create vueproject

通过输入上面命令我们就创建了一个vue的项目,项目的名称叫vueproject。这里有个问题,如果大家的电脑之前没有安装过cnpm,需要先安装一下它,否则系统也会提示你安装,安装命令如下:

  •  
npm install -g cnpm --registry=https://registry.npm.taobao.org

检查安装是否成功:

  •  
$ cnpm -v

cnpm安装成功之后,再用之上的命令安装Vue和建立Vue项目。如果一切顺利,用VScode打开项目,就可以看到如下界面:

前端自习室:HTML+CSS+Vue(1)_快速开发

由于这个是Vue的默认项目,用下面命令运行此项目,

  •  
npm run serve

就可以在浏览器看到Vue的默认界面如下:

前端自习室:HTML+CSS+Vue(1)_创建项目_02

这个就是Vue为你搭好的一个简单框架,大家可以在此基础上改成任何想要的样子,无论多么复杂的系统,一切由此开启。

比如换一下图片(来源于网络资源)和标题之后变成:

前端自习室:HTML+CSS+Vue(1)_创建项目_03