专栏首页一番码客vue.js学习(02)

vue.js学习(02)

: 挖掘你关心的亮点。 http://efonfighting.imwork.net

前言基础知识视频教程大纲新建工程参考一番今日

前言

今天将vue.js官网的所有看完了,一共15个视频,看完也就差不多一个小时,便将所有vue.js的基本用法都看完了。基本可以满足基础知识的学习。

这里插入其中一节可以感受下风格。

基础知识

视频教程大纲

最终我们要达到的效果就是创建单文件组件,在单文件组件中完成组件的布局、渲染和事件处理。

视频教程还是比较新录制的,看时间在今年9月份,视频的内容与网页的介绍不完全一样,相辅相成,看视频能忙我们快速上手实验,网页教程则便于实时查看。

新建工程

最后一节视频里介绍了通过安装vue-cli和wepack工具后,通过vue ui命令通过图形界面来快速搭建一个vue的工程。

  • 安装 npm

npm 全称为 Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。

npm -v
  • 由于网络原因 安装 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装 vue-cli
cnpm install -g @vue/cli
  • 安装 webpack

webpackJavaScript 打包器(module bundler)

cnpm install -g webpack
  • vue ui

在终端运行vue ui运行vue的管理界面,可以创建、导入项目。

参考

  • vuejs

https://cn.vuejs.org/

本文分享自微信公众号 - 一番码客(efonfighting),作者:Efonfighting

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-18

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue.js学习(01)

    之前尝试用electron做一些项目的时候,因为完全没有前端开发经验,做起来还是有点找不到头绪,思路非常乱,想到什么功能便搜什么,这样导致没有全局观,不找到整体...

    efonfighting
  • 敏捷技术学习【1】

    今天是2018年的最后一天,这两天一番对自己的2019年也制定一些可行可期的年度计划,并尝试克服一些自己人性的弱点去坚持实施下来。

    efonfighting
  • 简单使用了下scrapy爬虫工具

    前天一番写了《用爬虫看看我们工作的”前途“》,里面收集了52job上在深圳的”前端“和”区块链“两个关键字的职位信息。

    efonfighting
  • 使用Vue-cli搭建项目教程

    大象无痕
  • vue开发环境搭建

    首先,列出来我们需要的东西:  node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 vue的安装 1.vu...

    似水的流年
  • vue开发环境搭建

    首先,列出来我们需要的东西:  node.js环境(npm包管理器) vue-cli 脚手架构建工具

    似水的流年
  • 抛开vue-cli,一步步搭建vue+webpack环境

    敲代码没有高亮简直蛋疼,简单带过下 sublime打开 —→ 点击Preferences下的Package Control —→ 输入install pack...

    杨肆月
  • Rollup构建发布一个Vue组件

    在项目目录下面创建 src 目录并添加 index.js 文件和 vue-component.vue

    前端黑板报
  • Vue Cli3使用

    Vue CLI 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能...

    剑行者
  • 硅谷网红从基础教深度学习中的数学,视频演示不可错过

    Siraj Raval 作为深度学习领域的自媒体人在欧美可以说是无人不知、无人不晓。 凭借在 Youtube 上的指导视频,Siraj Raval 在全世界吸...

    AI研习社

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动