VUE(环境配置)

0. 目录

1. VUE

1.1 环境配置

1.1.0 目录+介绍

  • 本机系统环境:

    1. 型号:HP Pavilion Laptop 15-cw1xxx
    2. OS:x64 Windows 10
  • 注意安装软件的版本:

    1. Chrome/Firefox+Vue DevTools
    2. Node.js
    3. npm/yarn
    4. VsCode/WebStorm
    5. Git

1.1.1 Explore+DevTools

  • 选择Firefox

安装地址:https://www.firefox.com.cn/
VUE(环境配置)

  • 点击下载,选择直接运行进行安装

VUE(环境配置)

  • 打开下载好的Firfox浏览器,进行插件配置,在菜单图标下点选添加附件

VUE(环境配置)

  • 搜索vue

VUE(环境配置)

  • 选择第一个devtools

VUE(环境配置)

  • 进入并选择添加到Firefox

VUE(环境配置)

  • 加载完成后,点击

VUE(环境配置)
VUE(环境配置)

  • 看到如下图标,说明安装完成

VUE(环境配置)

1.1.2 Nodejs+Yarn+镜像配置

  1. 选择node.js

安装地址:https://nodejs.org/zh-cn/download/

VUE(环境配置)

  • 对nodejs进行安装

VUE(环境配置)VUE(环境配置)VUE(环境配置)VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
2. 选择yarn

安装地址:https://yarn.bootcss.com/

VUE(环境配置)
VUE(环境配置)
VUE(环境配置)

VUE(环境配置)
VUE(环境配置)
VUE(环境配置)

  • 对yarn进行验证

VUE(环境配置)

1.1.3 Git

  • 选择git

安装地址:https://gitforwindows.org/

VUE(环境配置)

  • 安装git

VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)

  • 验证安装

VUE(环境配置)

1.1.4 VSCode+DevTools

  • 选择VSCode

安装地址:https://code.visualstudio.com/

VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)
VUE(环境配置)

  • VSCode主题选定(视个人)

VUE(环境配置)
VUE(环境配置)

  • VSCode插件的安装

未完待续

1.1.5 Vue-cli

1.2 Hello World