位置: 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+练手项目+...合集(前端学习必备,持续更新中...)

  • iqooneo3屏幕多大尺寸(iqooneo3屏幕参数配置)

    iqooneo3屏幕多大尺寸(iqooneo3屏幕参数配置)

  • 微信发出的消息超时怎么撤回(微信发出的消息对方收不到)

    微信发出的消息超时怎么撤回(微信发出的消息对方收不到)

  • 手机邮箱怎么添加附件发送的呢(手机邮箱怎么添加超大附件)

    手机邮箱怎么添加附件发送的呢(手机邮箱怎么添加超大附件)

  • 微信说话时间太短是怎么回事(微信说话时间太短自动退出)

    微信说话时间太短是怎么回事(微信说话时间太短自动退出)

  • wipe cache partition是什么意思(wipe cache partition中文)

    wipe cache partition是什么意思(wipe cache partition中文)

  • 聊天记录删除了能找回来吗(聊天记录删除了怎么恢复微信)

    聊天记录删除了能找回来吗(聊天记录删除了怎么恢复微信)

  • 光盘有内容但是打开是空盘(光盘有内容但是有时候显示有时候不显示)

    光盘有内容但是打开是空盘(光盘有内容但是有时候显示有时候不显示)

  • 平板一般买多大内存的(平板一般买多大尺寸对眼睛最好)

    平板一般买多大内存的(平板一般买多大尺寸对眼睛最好)

  • 华为mata30和mata30 pro区别(华为mata30和mata30 pro参数)

    华为mata30和mata30 pro区别(华为mata30和mata30 pro参数)

  • 淘宝账户是什么啊(淘宝账户是什么呀)

    淘宝账户是什么啊(淘宝账户是什么呀)

  • excel银行卡号后面变为0000了(excel银行卡号后面变0怎么调回来)

    excel银行卡号后面变为0000了(excel银行卡号后面变0怎么调回来)

  • opporeno2z怎么截屏(opporeno2截屏)

    opporeno2z怎么截屏(opporeno2截屏)

  • oppoa37m怎么装内存卡(oppoa37m怎么加内存卡)

    oppoa37m怎么装内存卡(oppoa37m怎么加内存卡)

  • 金立手机怎么取消壁纸(金立手机怎么取手机卡)

    金立手机怎么取消壁纸(金立手机怎么取手机卡)

  • 手机使用记录怎么删除(手机使用记录怎么查)

    手机使用记录怎么删除(手机使用记录怎么查)

  • word怎么增加一条目录(word怎么增加一整页)

    word怎么增加一条目录(word怎么增加一整页)

  • wifi会泄露上网记录吗(wifi泄露上网记录怎么办)

    wifi会泄露上网记录吗(wifi泄露上网记录怎么办)

  • 一个手机号能注册几个快手(一个手机号能注册几个抖音号)

    一个手机号能注册几个快手(一个手机号能注册几个抖音号)

  • xr照相怎么全屏(苹果xr相机照片能不能设置全屏的)

    xr照相怎么全屏(苹果xr相机照片能不能设置全屏的)

  • 华为手机怎么截取长图(华为手机怎么截图长屏幕截图)

    华为手机怎么截取长图(华为手机怎么截图长屏幕截图)

  • 为什么看抖音总是卡(为什么看抖音总是觉得那个人就是我)

    为什么看抖音总是卡(为什么看抖音总是觉得那个人就是我)

  • 电脑放时间长了开不了机怎么办(电脑放时间长了电池充不进去)

    电脑放时间长了开不了机怎么办(电脑放时间长了电池充不进去)

  • 工业产值是含税价格吗
  • 跨区域开票流程怎么走
  • 城建税减半从什么时候开始
  • 应收账款可以挂其他应收款吗
  • 餐饮企业原材料四大类
  • 税法对固定资产大修理
  • 上缴财政收入怎么做账
  • 汽车租赁用不用交税
  • 会计凭证可分为哪三类
  • 股票质押式回购交易业务
  • 搬迁到新租赁厂房的费用入什么科目?
  • 小企业会计准则和企业会计准则的区别
  • 民事诉讼的适用范围和基本制度
  • 办公用品增值税专用发票税点
  • 价内税与价外税的计算公式
  • 异地建筑工程预缴企业所得税
  • 特殊性税务处理弥补亏损限额
  • 简易计税开票开成了一般计税的税率会比对不通过吗
  • 基地建设费归哪个会计科目
  • 进口报关单保费
  • mac屏蔽显卡教程
  • PHP:oci_lob_is_equal()的用法_Oracle函数
  • 爱沙尼亚的故事
  • 固定资产更新改造支出计入什么科目
  • 建筑施工企业关键技术岗位八大员配置要求
  • 收到业绩补偿会扣税吗
  • asldrsrv.exe
  • 夏威夷火山国家公园
  • php 上传
  • 直接计入当期利润的利得和损失有哪些
  • 资产减值损失会影响营业利润吗
  • php中imagestring
  • 超期未认证的发票怎么处理
  • 简单了解航天员的生活
  • php文件修改后,打开还是显示以前的页面
  • 前端框架react
  • framework教程
  • 详解Yii2高级版引入bootstrap.js的一个办法
  • 谷歌浏览器调试窗口怎么放下面
  • 垃圾费放在哪个会计科目
  • 公司财务变更需要变更哪些内容
  • 树结构ADT知识点思维导图
  • 资本公积根据什么填列
  • 水运企业会计核算办法
  • 资产减值损失应在计算()时扣除
  • 纳税申报的流程表
  • 所有者投入的资本属于什么会计要素
  • mysql配置文件my.ini如何配置
  • 以前年度损益调整怎么做账
  • 无形资产按取得时的什么入账
  • 行政事业单位会计准则
  • 折旧费用分摊科目是什么
  • 融资租赁固定资产不属于筹资活动
  • 复利现值和复利终值互为逆运算对吗
  • 未开票收入下月开票会计分录
  • 电子钥匙在线服务
  • 福利费的范畴
  • 会计账务做得混乱的原因
  • 如何搭建一个企业
  • mysql存储数据的原理
  • macmysql忘记密码如何配置
  • iis7配置asp
  • 设置u盘为只读
  • win10系统开机蓝屏怎么修复
  • linux me
  • if iferror find
  • shell脚本常用命令及操作
  • dos批处理实例800例
  • 微信公众号开发多少钱
  • linux shell 中 2>&1的含义
  • js简单代码
  • jquery tab
  • python第三方库的安装方法有哪些
  • unity保存项目
  • 很不错的两款Bootstrap Icon图标选择组件
  • python 系统日期
  • python版本怎么选
  • 四川省成都市国池酒厂52度原浆多少钱一瓶
  • 依法行政的观念
  • 税务登记办法细则
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设