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 

相关文章： 建站之星后台密码遗忘如何找回？  已有域名和空间如何搭建网站？  linux top下的 minerd 木马清除方法  公司网站的制作公司,企业网站制作基本流程有哪些？  如何通过可视化优化提升建站效果？  如何在香港服务器上快速搭建免备案网站？  建站之星与建站宝盒如何选择最佳方案？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  建站之星导航配置指南：自助建站与SEO优化全解析  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  微信小程序制作网站有哪些,微信小程序需要做网站吗？  网站制作网站,深圳做网站哪家比较好？  如何用免费手机建站系统零基础打造专业网站？  如何挑选高效建站主机与优质域名？  电商网站制作价格怎么算,网上拍卖流程以及规则？  全景视频制作网站有哪些,全景图怎么做成网页？  建站之星后台管理如何实现高效配置？  建站之家VIP精选网站模板与SEO优化教程整合指南  建站168自助建站系统：快速模板定制与SEO优化指南  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  成都网站制作报价公司,成都工业用气开户费用？  南平网站制作公司,2025年南平市事业单位报名时间？  大同网页,大同瑞慈医院官网？  如何在宝塔面板中创建新站点？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  内部网站制作流程,如何建立公司内部网站？  如何通过网站建站时间优化SEO与用户体验？  网站制作话术技巧,网站推广做的好怎么话术？  如何高效配置香港服务器实现快速建站？  在线制作视频的网站有哪些,电脑如何制作视频短片？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何在阿里云高效完成企业建站全流程？  如何快速搭建高效可靠的建站解决方案？  建站上传速度慢？如何优化加速网站加载效率？  ,南京靠谱的征婚网站？  家具网站制作软件,家具厂怎么跑业务？  如何生成腾讯云建站专用兑换码？  为什么Go需要go mod文件_Go go mod文件作用说明  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  如何高效完成独享虚拟主机建站？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  5种Android数据存储方式汇总  如何在阿里云虚拟主机上快速搭建个人网站？  建站之星安装后界面空白如何解决？  开源网站制作软件,开源网站什么意思？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  学校建站服务器如何选型才能满足性能需求？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南