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