vue环境配置 vue-cli脚手架

时间:2022-02-16 21:40:19

vue 环境配置步骤:

vue环境配置 vue-cli脚手架

第一步:

在官网下载node,Node  下载地址 http://nodejs.cn/

并安装node。检测node是否安装成功, 按 “windows+r”  进入cmd命令窗 ,在命令窗口输入 node -v   -> ”enter"键   ->输入 npm -v  -> 'enter'键
显示如下图:

vue环境配置 vue-cli脚手架

第二步

安装全局vue-cli,在cmd中输入 命令  npm install -g vue-cli

(vue-cli在线文档 : http://github.com/vuejs/vue-cli)

检查vue-cli是否安装成功 在cmd中输入  vue -V 或者 npm install vue -g

vue环境配置 vue-cli脚手架

第三步

下载基于webpack模板项目,在cmd中输入  vue init webpack  demo(项目名)

如下图:

vue环境配置 vue-cli脚手架

vue环境配置 vue-cli脚手架

第四步:

在浏览器中运行输入:http://localhost:8080,如图

vue环境配置 vue-cli脚手架

vue的环境配置就成功了。希望可以帮助vue配置遇到问题的使用者。