vue使用vue-cli快速创建工程

本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下：

vue-cli安装

npm i vue-cli -g
vue init webpack-simple vue-todos

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。

-g代表全局安装。

i就是install的缩写。

其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起。

配置完成后，可以看到目录下多出了一个项目文件夹，里面就是 vue-cli 创建的一个基于 webpack-simple 的 vue.js 项目。

之后一直回车，，并切换到vue-todos的目录

接着执行

npm i

之后就可以运行了

npm run dev

这时可以修改上述App.vue的文件。

比如改为

<template>
<div id="app">
 <button v-on:click="counter += 1">增加 1</button>
 <p>这个按钮被点击了 {{ counter }} 次。</p>
</div>

</template>

<script>
export default {
 name: 'app',
 data () {
  return {
   counter: 0,
  }
 }
}
</script>

其中export default代表导出。然后在main.js利用import导入

运行的话结果就是

总结

vue-cli就是一个根据模板快速创建工程的工具（命令）啦~。

参考

Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目 

JavaScript ES6中export及export default的区别

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vuecli创建工程  # vue工程创建  # vue创建项目  # 使用vue-cli创建项目的图文教程(新手入门篇)  # 五分钟教你使用vue-cli3创建项目(新手入门)  # Vue使用vue-cli创建项目  # 使用vue-cli创建vue2项目的实战步骤详解  # 自己的  # 是一个  # 之路  # 给大家  # 可以看到  # 多出  # 你给  # 大家多多  # 切换到  # 就可以  # 完成后  # 目录下  # br  # install  # JavaScript  # js  # Vue  # strong  # nbsp  # import 

相关文章： 制作公司内部网站有哪些,内网如何建网站？  外贸公司网站制作哪家好,maersk船公司官网？  如何通过服务器快速搭建网站？完整步骤解析  建站为何优先选择香港服务器？  如何零成本快速生成个人自助网站？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  如何通过WDCP绑定主域名及创建子域名站点？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  制作证书网站有哪些,全国城建培训中心证书查询官网？  安徽网站建设与外贸建站服务专业定制方案  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  开封网站制作公司,网络用语开封是什么意思？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  建站VPS推荐：2025年高性能服务器配置指南  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  如何在建站之星网店版论坛获取技术支持？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  C++时间戳转换成日期时间的步骤和示例代码  宁波免费建站如何选择可靠模板与平台？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  黑客如何通过漏洞一步步攻陷网站服务器？  Android自定义控件实现温度旋转按钮效果  Thinkphp 中 distinct 的用法解析  javascript中的try catch异常捕获机制用法分析  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  专业公司网站制作公司,用什么语言做企业网站比较好？  大连 网站制作,大连天途有线官网？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  定制建站流程步骤详解：一站式方案设计与开发指南  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  官网建站费用明细查询_企业建站套餐价格及收费标准指南  大型企业网站制作流程,做网站需要注册公司吗？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  jQuery 常见小例汇总  家庭建站与云服务器建站，如何选择更优？  动图在线制作网站有哪些,滑动动图图集怎么做？  已有域名和空间如何快速搭建网站？  python的本地网站制作,如何创建本地站点？  如何选择服务器才能高效搭建专属网站？  家具网站制作软件,家具厂怎么跑业务？  Python路径拼接规范_跨平台处理说明【指导】  电商网站制作价格怎么算,网上拍卖流程以及规则？