Vue + webpack 环境搭建

初次接触前端,想给自己写的一个小东西添加一个好看的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就可以看到:

环境配置完毕

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容