Vue入门（Vscode）

Vue是一套构建用户界面的渐进式框架。只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件【解决前端开发痛点“复杂的dom操作”】

1.Vue特点

渐进式

组件化

响应式【数据响应式，数据变化页面重新渲染】

2.安装node.js

2.1傻瓜安装 

        资源路径 Download | Node.js 

        查看node.js安装情况【node -v】node.js安装后默认安装npm

        查看npm安装情况【npm -v】升级npm版本（npm install npm -g）

2.2安装vue脚手架

        npm install -g @vue/cli  【卸载老版本 npm install -g @vue/cli】

        查看vud脚手架安装情况【vue -V】

        安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 非必要

2.3构建vue项目

        vue create demo                一路y

2.4启动项目

        进入demo文件夹目录下        npm run serve                   

        

2.5访问项目

        http://localhost:8080/

        

3.安装Vscode

3.1资源路径 

        Download Visual Studio Code - Mac, Linux, Windows  傻瓜安装

3.2插件安装        

        Code Runner                        运行js等代码

        Auto Rename Tag                 自动化更改结束标签

        Liver Server                          自动搭建本地服务器

        Prettier-Code Formatter        美化代码

        Vetur                                      vue组件格式支持

        vscode-icons                         美化文件图标 

VUE入门（HelloWord）

初学小白，如描述有误望大家见谅 帮忙指正 3Q 一起学习 一起进步