美文网首页
VUE脚手架搭建

VUE脚手架搭建

作者: Trouble_Ma | 来源:发表于2019-05-28 13:42 被阅读0次

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

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


image.png

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

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


image.png

--2.按回车


image.png
--3.写作者
image.png
--4.按回车
image.png

--5.前端路由 按Y


image.png
--6.按n
image.png
--7.按Y
image.png
--8.回车
image.png
--9.按Y
image.png
--10.回车
image.png

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


image.png

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


image.png

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


image.png

相关文章

网友评论

      本文标题:VUE脚手架搭建

      本文链接:https://www.haomeiwen.com/subject/fgartctx.html