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.打开你在桌面上建立的文件夹,发现你的项目构建好啦!