VUE框架——第一个vue项目的构建

什么是Vue

Vue 是一套用于构建用户界面的渐进式框架

构建第一个Vue项目

1.在官网下载nodejs并安装

2.配置环境变量（一般安装的时候自动配置）
右键点击我的电脑选择属性

点击高级系统设置

点击环境变量

在path中，把nodejs的安装路径配置其中


3.按住Windows+r,输入cmd打开命令行窗口

4.输入node -v查看版本号，看是否安装成功

5.输入npm -v查看版本号，看npm是否存在

6.输入npm install -g vue-cli，安装vue-cli

7.在桌面上创建一个空文件夹，用来装整个vue项目。在命令行中切换到你建的空文件夹下

输入vue init webpack+项目名称，构建vue项目
一路回车

然后一直等呀等

8.输入菜单cd + 你的项目名，然后输入npm run dev

又是等呀等，等呀等呀等

9.打开浏览器，输入显示的端口号localhost:8080

10.关闭项目（ctrl+c）

11.打开你在桌面上建立的文件夹，发现你的项目构建好啦！