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打开项目,就可以看到如下界面:
由于这个是Vue的默认项目,用下面命令运行此项目,
npm run serve
就可以在浏览器看到Vue的默认界面如下:
这个就是Vue为你搭好的一个简单框架,大家可以在此基础上改成任何想要的样子,无论多么复杂的系统,一切由此开启。
比如换一下图片(来源于网络资源)和标题之后变成: