位置: IT常识 - 正文

VUE——使用VUE脚手架创建项目(vue-cli(vue脚手架)超详细教程)

编辑:rootadmin
VUE——使用VUE脚手架创建项目

推荐整理分享VUE——使用VUE脚手架创建项目(vue-cli(vue脚手架)超详细教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue+koa,vue怎么用,vue-cli(vue脚手架)超详细教程,vue怎么用,vue-cli(vue脚手架)超详细教程,vue+koa,vue怎么用,vue-cli(vue脚手架)超详细教程,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

vue脚手架工具,对vue项目构造做了封装,直接使用vue-cli创建项目,常用配置自动帮你完成,不用自己像使用webpack一样配置。

目录

1、安装 npm i vue

2、创建vue项目

3、运行项目


1、安装 npm i vue

ps:项目化开发中,使用import导入vue,而不用script src标签引入

我们的第一步需要下载vue及vue脚手架工具,可以在集成终端或者使用cmd方式键入以下命令

npm install vue @vue/cli -g

ps:在这一步之前,若未初始化,请优先键入npm init -y初始化生成package.json项目描述文件

2、创建vue项目

继续键入以下命令,以创建一个新项目,appdemo是我取的项目名,这里可以作更改

vue create appdemo

        ps:在执行此命令后会进入一个脚手架的配置参数设置中,这里带大家走一下手动自己配置文件的过程

        2.1  第一条是我本人保存的配置,下一次创建项目可以直接使用

VUE——使用VUE脚手架创建项目(vue-cli(vue脚手架)超详细教程)

                第二条与第三条分别是Vue3和Vue2的常用配置,若这里点选后会直接配置完成

                这里我们选择最后一条,自己手动配置脚手架的参数,了解脚手架的一些详细内容

          2.2   这里看大家项目是否需要这些插件,若有需要的或不想要的,上下箭头键切换选项,空格键操作*号选中或取消选中

                这里选择第三个回车进入下一步操作

          

                    

          2.3  这里选择2.x的Vue版本2 及ESLint的第三个选项

         2.4  这里选择将配置信息单独放在一个文件中,而不是放在package.json文件中

         2.5  之后会询问你是否使用npm文件及是否记住你所设置的配置,记住的话下一次进入时在文件配置时即可出现,如我的一样(记得取个名),到这里此步骤即全部完成

3、运行项目

        1、键入此命令进入你所创建的项目目录下 cd appdemo 

        2、键入此命令即可运行项目  npm run serve

 ps:这就是脚手架自动生成的一些文件,感兴趣的同学可以查询相关资料深入了解一些各文件的配置及详细作用,我们的重心主要放在components下的App.vue及main.js文件,这是万丈高楼平地起的基础

ps:若在项目搭建运行中,文件报ESlint相关不规范写法错误,可在vue.config.js文件中键入以下代码关闭即可(但写法规范是一种艺术,请保持良好语法书写规范及注释习惯)

module.exports = { lintOnSave:false}
本文链接地址:https://www.jiuchutong.com/zhishi/298605.html 转载请保留说明!

上一篇:移动端H5网页开发必备知识(h5移动端网页设计)

下一篇:HTML+CSS+JS+Jquery+练手项目+...合集(前端学习必备,持续更新中...)

  • 净利润是指税前利润
  • 清算组的性质
  • 小规模纳税人购入和销售的增值税
  • 出库入库结存表
  • 删除申报记录什么意思
  • 差额冲销
  • 培训费用属于
  • 电子银行承兑重复背书
  • 亏损金额需要对抵实收金额吗
  • 研发投入和研发支出的关系
  • 企业收到的投资者的超出其在企业
  • 债权转增资本应缴纳什么税
  • 农产品为什么价格低
  • 收到捐赠货物的会计分录怎么写
  • 收到备付金怎么做分录
  • 地税局返的个人所得税手续费多久返还?
  • 参加展会的住宿费计入什么科目
  • 不是经营范围内的食品
  • 公司付电费发票怎么做账
  • 连续亏损二年怎么处理
  • 6月 全新windows
  • win10怎么删除搜索
  • win10 批量安装软件
  • php如何实现多进程
  • 累计计税折旧如何调整
  • windows7安装nodejs14
  • 土地价款会计分录
  • 采购预算测算依据
  • 先收票后收货
  • php取mysql查询单条数据
  • 基于Perclos&改进YOLOv7的疲劳驾驶DMS检测系统(源码&教程)
  • 进项逾期未认证怎么办
  • 写字楼买卖办手续
  • cvpr2020结果
  • js如何把字符串转换成数字
  • 出租人经营租赁会计分录
  • 港股上市公司股票代码
  • 确认递延所得税负债的分录
  • 计提的教育经费可以税前扣除吗
  • 暂估入库算材料成本差异吗
  • 织梦前台的菜单怎么换
  • 申报个税工资报少了怎么更改
  • 库存商品和固定资产是单位会计资产核算的两项内容
  • 应交税费的分析应重点关注企业
  • 企业未分配利润长期不分配
  • 折旧汇总分配周期参数设定完成可以更改吗
  • 食堂买菜是什么费用
  • mysql升级-5.1升级到5.7
  • in参数太多导致sql过长
  • 企业减少注册资本
  • 发票做账流程
  • 经营活动的现金流量占全部现金流量的比重越大
  • 理财中的非保本是什么意思
  • 什么是发票抬头信息
  • 电梯在固定资产里属于什么设备类别
  • 明细分类账有哪三种
  • mysql5.7.19 zip 详细安装过程和配置
  • Windows Server 2008搭建终端服务器
  • linux怎么修改
  • centos7.6ssh
  • 系统设置技巧有哪些
  • win7系统自动更新在哪里关闭啊
  • 手机如何使用windows
  • macbookpro怎么删除快捷方式
  • windows7的管理在哪里
  • win10如何安装office
  • linux ssh 登录
  • android图形系统
  • cocos creator开发文档
  • perl sub
  • android camera preview
  • python搜索引擎网络爬虫
  • python中面向对象的概念
  • 浏览器环境下的事件循环
  • python线程daemon
  • 购进用于生产的设备会计分录
  • 云南省新农合网上缴费app
  • 中国农村信用社手机银行下载app
  • 婚姻登记处婚俗改革宣传
  • 山东国家税务局许本虎
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设