vue脚手架安装最简单的步骤

兼容性

Vue.js不支持IE8以及其下版本,因为vue.js使用了IE8不能模拟的ECMAScript5特性。vue.js支持所有【兼容ECMAScript5】的浏览器(http://caniuse.com/#feat=es5)。

命令行安装

vue.js提供一个【官方命令行工具】(https://github.com/vuejs/vue-cli),可用于快速搭建大型单页面应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并开启一个热重载、保存时态检查以及可用于生产环境的构建配置的项目:

全局安装vue-cli

首先需要检测node(node -v)是否安装,
其次要检测npm(node -v)是否安装 ,
接着全局安装webpack: npm install webpack -g
最后安装vue脚手架:npm install --global vue-cli

创建一个基于webpack模板的新项目

vue init webpack project

进入项目安装依赖

cd project
npm install

启动项目

npm run dev

浏览器默认地址:http://localhost:8080/ #/

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

npm install --global vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 随着《军师联盟》的播出,大家发现这个聚焦于司马懿的历史剧,并不像过去那样把司马懿说成“坏人”。于是有人就说,这个电...
    Jack胡阅读 620评论 3 3
  • 2017年10月6日,阳光很暖,走在青石板的古街上,心里无比的惬意。 我爱这片无边的花海,亦如我爱这美好的...
    阿羋阅读 281评论 0 1
  • 皓月一盘耳,红星二锅头。 水发千支终入诲,风流万种尽归天。 细羽家禽砖后死,粗毛野兽石先生。 五品青天缎,六味地黄...
    六朝阅读 218评论 0 1
  • 第一次独自旅行,北京游玩了一个星期,住在人大西门的公寓,公寓里有整天窝在房间的情侣、有半夜嬉闹、放音乐的少年,还有...
    曹门霞客行阅读 753评论 4 3