位置: IT常识 - 正文

Vue开发项目入门——Vue脚手架(vue开发教程)

编辑:rootadmin
Vue开发项目入门——Vue脚手架 1.什么是Vue脚手架

推荐整理分享Vue开发项目入门——Vue脚手架(vue开发教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue项目的开发流程,vue快速入门与实战开发,vue开发教程,vue 项目开发,vue 项目开发,vue开发教程,vue项目的开发流程,vue 项目开发,内容如对您有帮助,希望把文章链接给更多的朋友!

        Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程、配置第三方依赖、编译vue工程。

        特别注意:Vue脚手架是用来方便开发的,但vue脚手架不是最终发布到生产环境的产品。很多人会误认为生产环境也要安装vue脚手架。

2.vue脚手架执行步骤

        建议以管理员角色打开cmd界面,开始->Windows系统->命令提示符->更多->以管理员身份运行。如果当前用户是管理员用户,直接使用组合快捷键Windows+R打开cmd界面

 1、先查看是否安装了vue,执行命令

vue -V

 如果提示:'Vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。先排查自己的电脑有没有安装npm环境。

npm -V

如果显示版本号,说明安装了npm。

使用安装命令

npm install -g @vue/cli

 安装完成再使用Vue -V可以看到Vue的版本

 2、切换到指定目录,用命令创建项目

        建议将开发的项目可以放到同一个文件夹下建立分文件夹,方便维护查找。比如我将开发的vue项目统一放到我的F盘下的vueProject文件夹下。使用cmd命令先切换到F://vueProject下再使用创建项目命令。

F:

Vue开发项目入门——Vue脚手架(vue开发教程)

cd vueProject

vue create vuetest

注意事项:

使用vue create 后面的项目名,名字不要大写,比如我如果使用vueTest会提示:

Invalid project name:”vueTest”

Warning: name can no longer contain capital letters

3、执行完创建vue create 项目名的命令,会提示:

Vue CLI v5.0.4 ? Please pick a preset: (Use arrow keys) > Default ([Vue 3] babel, eslint)   Default ([Vue 2] babel, eslint)   Manually select features

提示你来选择2/3版本进行开发,通过上下键来切换选择2或者3

 

 注意:

(1)如果报错: ERROR command failed: npm install --loglevel error --legacy-peer-deps

解决方法修改C盘用户文件夹下的 .vuerc文件。 将 “useTaobaoRegistry”: false, 值改为true。

 修改之后创建成功,我们看一下创建之后的目录结构:

 4、启动项目【上一步最后有提示命令】

 cd vuetest  npm run serve

5、访问项目 

浏览器中输入访问地址:http://localhost:8080/

 3.模板项目结构(各文件夹)1.node_modules  //npm install2. public (1)favicon.ico: 页签图标(2)index.html: 主页面3.src(1)assets: 存放静态资源(2)component: 存放组件4.App.vue: 汇总所有组件5.main.js: 入口文件6.gitignore: git 版本管制忽略的配置 7. babel.config.js: babel 的配置文件8.package.json: 应用包配置文件 9. README.md: 应用描述文件 10. package-lock.json:包版本控制文件
本文链接地址:https://www.jiuchutong.com/zhishi/299514.html 转载请保留说明!

上一篇:从零开始的「校园商铺」毕设全栈开发—开题报告(从零开始吧)

下一篇:OpenAI Translator | 基于ChatGPT API全局翻译润色解析插件

  • soul的搜索功能为什么用不了(soul的搜索功能什么时候恢复)

    soul的搜索功能为什么用不了(soul的搜索功能什么时候恢复)

  • 手机的摄像头突然变得很模糊,为什么(手机的摄像头突然用不了了,该怎么做)

    手机的摄像头突然变得很模糊,为什么(手机的摄像头突然用不了了,该怎么做)

  • 苹果不在通讯录的号码打不进来怎么设置(苹果不在通讯录的短信怎么查看)

    苹果不在通讯录的号码打不进来怎么设置(苹果不在通讯录的短信怎么查看)

  • 闲鱼钱被支付宝冻结了怎么办(闲鱼钱被支付宝转走了)

    闲鱼钱被支付宝冻结了怎么办(闲鱼钱被支付宝转走了)

  • 原彩显示省电还是费电(原彩显示省电还是闪充)

    原彩显示省电还是费电(原彩显示省电还是闪充)

  • 怎么拒接所有人来电(如何拒接所有人电话)

    怎么拒接所有人来电(如何拒接所有人电话)

  • rx580什么水平(rx580够用吗)

    rx580什么水平(rx580够用吗)

  • qq说说删了名片上还显示(qq说说删掉)

    qq说说删了名片上还显示(qq说说删掉)

  • 手机流量限速后怎样提升网速(手机流量限速后还能看视频吗)

    手机流量限速后怎样提升网速(手机流量限速后还能看视频吗)

  • 华为手机gps定位怎么设置(华为手机gps定位器在哪里)

    华为手机gps定位怎么设置(华为手机gps定位器在哪里)

  • 爱奇艺怎么开通一个月会员(爱奇艺怎么开通自动续费会员)

    爱奇艺怎么开通一个月会员(爱奇艺怎么开通自动续费会员)

  • iphone是什么字体(iphone 是什么字体)

    iphone是什么字体(iphone 是什么字体)

  • 华为mate30的悬浮球在哪里设置(华为mate30的悬浮窗怎么设置)

    华为mate30的悬浮球在哪里设置(华为mate30的悬浮窗怎么设置)

  • 苹果官方标配都有什么(iphone官方标配都有什么)

    苹果官方标配都有什么(iphone官方标配都有什么)

  • xs黑屏转圈是什么问题(xs突然黑屏转圈圈一会又好了)

    xs黑屏转圈是什么问题(xs突然黑屏转圈圈一会又好了)

  • 抖音视频怎么当锁屏(抖音视频怎么当屏保)

    抖音视频怎么当锁屏(抖音视频怎么当屏保)

  • 快手快贝有什么用(快手快贝能干什么)

    快手快贝有什么用(快手快贝能干什么)

  • 三星手机截屏怎么操作(三星手机截屏怎么截用什么键呢)

    三星手机截屏怎么操作(三星手机截屏怎么截用什么键呢)

  • 微信面对面建群的原理(微信面对面建群距离)

    微信面对面建群的原理(微信面对面建群距离)

  • 快手实验室没有上滑切换作品(快手实验室没有声音)

    快手实验室没有上滑切换作品(快手实验室没有声音)

  • 抖音上穿越的视频怎么拍(抖音上穿越的视频怎么找)

    抖音上穿越的视频怎么拍(抖音上穿越的视频怎么找)

  • 华为nova9参数配置详情(华为nova9参数配置中关村)

    华为nova9参数配置详情(华为nova9参数配置中关村)

  • Win10 Build 21359预览版开机后重启应用怎么设置?(windows 10 build 21354)

    Win10 Build 21359预览版开机后重启应用怎么设置?(windows 10 build 21354)

  • 基于pyecharts的中医药知识图谱可视化(pyecharts怎么用)

    基于pyecharts的中医药知识图谱可视化(pyecharts怎么用)

  • ps怎么把皮肤变光滑细腻(ps怎么把皮肤变红润)

    ps怎么把皮肤变光滑细腻(ps怎么把皮肤变红润)

  • 为什么税务申报要补缴
  • 收回应收账款编制什么凭证
  • 房产税从租和从价
  • 小微企业一般要交什么费用2019
  • 一般纳税人企业是什么意思
  • 防伪税控服务费怎么算
  • 注册资本没缴足可以注销吗
  • 长期股权投资的初始投资成本
  • 实物性投资资产
  • 工程结算审核程序
  • 公司进行债务重构的原因可能包括
  • 个体户进货需要成本票吗
  • 外地预缴企业所得税汇算清缴退税
  • 电子税票号码是那个
  • 工会经费的计税依据怎么算
  • 税收筹划的概念和步骤
  • 个人所得税法规定可减征个税的情形有
  • 固定资产折旧在资产负债表属于什么
  • 报销单里报销内容可以写送客户烟吗
  • 凭证制单和审核可以是一个人吗
  • 小规模企业现金规定最新
  • 融资租赁直租会查征信吗
  • 应付福利费科目
  • win11怎么设置最佳能效模式
  • 代扣代缴返还的手续费科目
  • 公司的实收资本是借款,但是利息由公司付,会计怎么做账
  • paypal授权书怎么填
  • 公积金补缴需要去柜台吗
  • 营业收入包括应收账款吗
  • 库房存货标准
  • 怎么做外资企业赚钱
  • codeigniter 教程
  • 出口退税是怎么个流程
  • php合并两个二维数组
  • php何去何从
  • 增值税申报表各栏怎么填
  • 未达起征点销售额是含税还是不含税
  • 如何做进项税额转出处理
  • 公司境外汇款该怎么处理
  • mysql数据库函数
  • 其他综合收益影响留存收益吗
  • 应交税费的核算范围
  • 成本计算账户期末余额在哪方
  • 营业外收入怎么结转
  • 对公允价值套期的认识
  • 汽车运输企业交什么税
  • 短期借款财务处理
  • 增值税发票开错冲红重开如何做会计分录?
  • 政府会计工资代扣工会会费
  • 纳税调整怎么做
  • 企业的融资租赁
  • 勾选通行费发票后如何做分录
  • 发票要不回来怎么办
  • 汽车销售企业营销策略
  • 在幻灯片母版中
  • Ubuntu 16.04 LTS正式发布,看看有哪些更新
  • centos添加用户到组
  • 如何升级mac系统到10.12
  • linux find命令详解xargs
  • win8cp
  • windows8消费预览版中图片密码使用教程
  • win8系统怎样
  • 如何卸载win8系统
  • WIN10系统优化精简工具
  • textureformat
  • [置顶]游戏名:chivalry2
  • 多媒体播放器使用方法
  • nodejs mock
  • linux编译链接命令
  • python如何用
  • linux系统启动进程命令
  • jquery fadein不起作用
  • 在centos上安装pycharm
  • jquery ztree实现树的搜索功能
  • python pil库官网
  • 对于python程序,对代码缩进的要求非常严格
  • 深圳企业所得税税率多少
  • 税收优惠政策能调动公众的捐赠积极性
  • 刚成立小公司的流程
  • 没有代理记账资质的公司从事代理记账业务
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设