Vue.js的入门

什么是Vue?

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

如果你想在深入学习 Vue 之前对它有更多了解,我们制作了一个视频,带您了解其核心概念和一个示例工程。

如果你已经是有经验的前端开发者,想知道 Vue 与其它库/框架有哪些区别,请查看对比其它框架


首先呢,给大家介绍一下,Vue这个前端的框架。工欲善其事,必先利其器。

要想学好Vue这个框架呢。我们需要掌握前端的一些基本的知识。

1.我们得对原生JS熟练, 

2.我们还需要学习安装node.js这个js的解析器,其次要学习的是用win键加R键打开cmd命令行工具,我们可以用node-v,来检测node的版本号。

3.接着我们还需要安装一个npm的仓库。命令如下:npm i

4.然后我们来查看vue的模板:

vue教程

在这之前我们需要在cmd命令行中创建文件夹,命令如下:mkdir maoyan,

 创建maoyan文件夹

进入目标文件夹例如: D:/www/1709/maoyan/

vue list 查看模板列表

vue init webpack 下载webpack模板

安装时两个yes三个no(初次开发),然后我们可以去运行我们的项目了,命令如下:npm run dev。

这时我们就可以看到loacllhost:8080的这额个端口号,这样我们的项目就可以i运行了。

好啦,这就是vue的一个项目基础,怎样初始化一个Vue的项目!