美文网首页
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