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

webpack 是 JavaScript 打包器(module bundler)

cnpm install -g webpack

• vue ui

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

参考

• vuejs

https://cn.vuejs.org/