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