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/#/进行访问
相关文章推荐
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- Vue.js 2.0 入门教程(一) 搭建开发环境
- windows 下 VUE Hbuilder 开发环境搭建
- vue环境的搭建(一)
- vue-cli 环境搭建
- Vue2.0 新手入门 — 从环境搭建到发布
- vue开发环境搭建Mac版
- Mac下vue环境搭建
- vue开发环境搭建Mac版
- vue.js移动端从一个购物车入门vuex环境搭建
- Vue.js开发环境的搭建
- VUE2.0的简单入门(一)-安装node.js环境搭建与项目构建
- vue环境搭建(一)
- vue 开发环境搭建
- vue环境搭建
- vue-cli脚手架开发环境搭建
- VUE学习-环境搭建
- vue.js windows 下开发环境搭建
- vue.js+element-ui+vuex环境搭建
- Vue 环境搭建