前端笔记——Vue入门知识

作者: cynthia猫 | 来源:发表于2018-12-23 17:46 被阅读14次

本文仅简单总结一下如何快速入门。相关的细节知识,根据本文的关键字搜一下就有了,就不做复制粘贴搬运工作了。

1. Vue是啥?

前端框架之一。目前比较流行的前端框架有React、Vue、Angular等。

2. 如何开始使用Vue?

下载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上找个感兴趣的项目开始撸。

相关文章

  • 前端笔记——Vue入门知识

    本文仅简单总结一下如何快速入门。相关的细节知识,根据本文的关键字搜一下就有了,就不做复制粘贴搬运工作了。 1. V...

  • 文章收藏

    vue中H5问题汇总移动端最佳实践前端知识图谱vue-cli4-configGraphQL入门前端异常处理最佳实践...

  • 标准前端化工程 Vue-cli

    知识回顾 在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue...

  • Vue笔记五:Vue选型和Webpack入门

    Vue笔记五:Vue选型和Webpack入门 Vue的选型 现在面试前端者都会在自己简历上写上精通这三个框架,但是...

  • 【前端全栈】1.从入门到工作

    2020年大热的前端技术:Vue3/TS/Flutter 1、分阶段: 先导(JS入门、Vue入门等) 入门阶段(...

  • Vue.js开发常见问题解析

    此前的Vue.js系列文章: Vue.js常用开发知识简要入门(一) Vue.js常用开发知识简要入门(二) Vu...

  • 前端学习笔记Vue入门

    Vue.js入门教程 参考文献 Vue-Cli webpack打包入门:http://www.cnblogs.co...

  • 前端测试

    目录 目录 1. 前端基础1.1 布局1.1.1 grid布局 2. Vue 学习笔记2.1 Vue模板创建 前端...

  • vue入门:使用vue独立版本构建vue项目

    vue前端架构,在上一篇vue入门:使用vue-cli新建vue项目中,我们除了使用vue-cli进行构建项目,除...

  • Vue入门---常用指令详解

    Vue入门 Vue是一个MVVM(Model / View / ViewModel)的前端框架,相对于Angula...

网友评论

    本文标题:前端笔记——Vue入门知识

    本文链接:https://www.haomeiwen.com/subject/luvnkqtx.html