前端笔记——Vue入门知识
2018-12-23 本文已影响14人
cynthia猫
本文仅简单总结一下如何快速入门。相关的细节知识,根据本文的关键字搜一下就有了,就不做复制粘贴搬运工作了。
1. Vue是啥?
前端框架之一。目前比较流行的前端框架有React、Vue、Angular等。
2. 如何开始使用Vue?
下载vue.js,然后在标签中引入。
注意主要有这样两种版本:
-
1、开发版本:https://vuejs.org/js/vue.js
生产版本是精简的版本。开发的时候,可以选择第一个,方便调试。
使用CDN引用
官方推荐使用 https://cdn.jsdelivr.net/npm/vue
用npm或者yarn安装
npm和yarn都是主流的包管理工具,选一个就可以了。都装也无妨。安装他们需要node的支持。
3. 怎样新建一个Vue项目?
使用脚手架工具vue-cli
vue-cli是脚手架工具,使用npm或者yarn就可以安装它。
安装之后就可以用这个命令行工具来快速新建项目。
自己建项目目录和相应的文件
这个,不太熟悉的话,随便网上找个教程照着做就行了。
4. 用什么开发工具?
- WebStorm
- atom
- vscode
- pycharm
- sublime
- vi
当然用哪个完全看个人习惯了。我一般用pycharm和vscode,都有相应的vue插件。简单的代码也会用sublime。
5. 如何开始学习?
文档:
https://cn.vuejs.org/v2/guide/instance.html
或者也可以直接github上找个感兴趣的项目开始撸。