您的位置:首页 > Web前端 > Vue.js

vue 环境搭建

2018-09-13 11:37 246 查看

#vue-cli介绍 vue-cli是一个基于nodeJs、用于快速搭建vue项目的 脚手架。

#vue-cli安装、更新 安装过nodeJs 、cnpm 后,全局安装vue-cli(以后其他项目可直接使用):

npm install -g vue-cli

查看安装成功否

vue -V

#vue-cli 使用 安装过webpack 、vue-cli后,可以开始搭建vue项目:

vue init webpack <Project Name>
# vue init webpack demo

#一直回车直到

#是否要安装 vue-router 项目中肯定要使用到 所以 y 回车
#是否需要 js 语法检测 目前我们不需要 所以 n 回车
#是否安装 单元测试工具 目前我们不需要 所以 n 回车
#是否需要 端到端测试工具 目前我们不需要 所以 n 回车
#等待完成 或者 接下来 ctr+c 结束

#进入 cd demo
cd demo

#执行 npm install
npm install

#接下来执行 npm run dev
npm run dev

#默认浏览器会自动打开
#注意:如果您的浏览器是ie9以下的版本,请升级浏览器到最新版本或者下载谷歌浏览器或者火狐浏览器进行预览。在地址栏输入 http://localhost:8080/#/进行访问

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息