搭建VUE开发环境
2019-10-09 本文已影响0人
Annie_shang
安装前检查
首先确保电脑中已经安装了 node
检查方法:按windows键和R键弹出运行框—输入cmd回车,接着输入以下命令:
node -v (回车)
若电脑中已安装了node, 命令窗口中则出现当前node的版本号,如下所示:
检查node.jpg
全局安装 vue-cli脚手架
输入以下命令: npm install --global vue-cli
检查方法: 输入vue命令,查看是否出现vue相关命令信息(安装成功),如下图所示:
检查vue.png
vue环境搭建完成,新建一个项目
- 新建vue项目(PET项目名称), 输入命令
vue init webpack PET
出现如下图所示选项:
vue项目搭建.jpg
- 输入命令:
npm install安装相关依赖 -
项目初始化成功如下图所示:
项目初始化成功.jpg