美文网首页
Vue + webpack 环境搭建

Vue + webpack 环境搭建

作者: 三舍楼前 | 来源:发表于2018-07-05 18:14 被阅读0次

    初次接触前端,想给自己写的一个小东西添加一个好看的web页面,学习一下vue,记录一下vue的环境搭建步骤。

    vue-cli的搭建步骤

    首先确认电脑上安装了node.js,可以使用npm包管理工具:

    $ node -v
    v8.11.3
    $ npm -v
    5.6.0
    

    使用npm install -g vue-cli命令全局安装vue-cli:

    权限不够
    我这里显示权限不够,使用管理员权限安装:
    管理员权限安装

    初始化环境:


    初始化环境

    完成以上步骤后目录结构:


    目录结构

    进入目标文件夹,启动项目:

    $ cd yourProject
    $ npm run dev
    

    打开浏览器 http://localhost:8080就可以看到:

    环境配置完毕

    相关文章

      网友评论

          本文标题:Vue + webpack 环境搭建

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