VUE脚手架搭建

首先你要有node环境,可从官网处下载,地址:https://nodejs.org/en/

1.先安装node环境
2.打开doc窗口
-1.输入 npm install webpack -g


VUE脚手架搭建_第1张图片
image.png

-2.输入npm install vue-cli -g

-3.输入vue init webpack project搭建项目
--1.输入项目名称


VUE脚手架搭建_第2张图片
image.png

--2.按回车


VUE脚手架搭建_第3张图片
image.png

--3.写作者
VUE脚手架搭建_第4张图片
image.png

--4.按回车
VUE脚手架搭建_第5张图片
image.png

--5.前端路由 按Y


VUE脚手架搭建_第6张图片
image.png

--6.按n
VUE脚手架搭建_第7张图片
image.png

--7.按Y
VUE脚手架搭建_第8张图片
image.png

--8.回车
VUE脚手架搭建_第9张图片
image.png

--9.按Y
VUE脚手架搭建_第10张图片
image.png

--10.回车
VUE脚手架搭建_第11张图片
image.png

-4.进入项目文件夹,点开,shift+右键打开命令窗口输入npm install


VUE脚手架搭建_第12张图片
image.png

-5.输入npm run dev启动项目


VUE脚手架搭建_第13张图片
image.png

-6输入localhost:8080,项目搭建成功


VUE脚手架搭建_第14张图片
image.png

你可能感兴趣的:(VUE脚手架搭建)