本文介绍了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路径拼接规范_跨平台处理说明【指导】
电商网站制作价格怎么算,网上拍卖流程以及规则?
*请认真填写需求信息,我们会在24小时内与您取得联系。