位置: IT常识 - 正文

Vue创建项目的详细步骤(vue3.0项目创建)

编辑:rootadmin
Vue创建项目的详细步骤 一、安装node.js1、本例环境

推荐整理分享Vue创建项目的详细步骤(vue3.0项目创建),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue2.0创建项目,vue创建新项目,vue2.0创建项目,vue创建新项目,vue2.0创建项目,vue4.0创建项目,vue创建项目后开始写的步骤,vue2.0创建项目,内容如对您有帮助,希望把文章链接给更多的朋友!

node.js: v16.14.0

npm:8.3.1

vue:@vue/cli 5.0.1

2、node.js环境安装与测试

由于vue的安装与创建依赖node.js(JavaScript的运行环境)里的npm(包管理和分发工具),因此需要先确保安装node.js。

下载地址:Node.js (nodejs.org)

下载完成安装之后,检测一下,查看是否安装成功。

检测方式:打开cmd命令窗口(Window + R,输入cmd然后回车),输入 node -v 回车,正常显示node.js版本代表已安装。如上图所示。

npm会随着node.js一起安装,所以,只要是node.js正常安装,就代表npm已经安装。检测方式:cmd命令窗口输入 npm -v 回车,能正常显示npm版本。

二、安装vue脚手架:Vue CLI 

下载地址:Home | Vue CLI (vuejs.org)

官方文档说明,安装命令为“npm install -g @vue/cli”。然而,原生npm的下载速度,实在不敢恭维,因此,我们使用淘宝镜像来安装。

命令:npm install -g @vue/cli --registry=https://registry.npm.taobao.org ,安装完成后,cmd命令窗口输入 vue -V(V大写) 回车,能正常显示@vue/cli版本则说明安装成功。

三、创建vue项目

 首先我们计划在D盘根目录下创建项目,命令窗口输入 d: 回车,再输入 vue create myvue回车创建myvue文件夹,出现如下图所示

Default (bable,eslint) // 默认

Vue创建项目的详细步骤(vue3.0项目创建)

Manually select features // 选择手动创建项目 (在这里,我们选择手动创建,用上下箭头选择)

(*) Babel                                                                    // 支持高阶语法转换

( ) TypeScript                                                             // 支持使用 TypeScript 书写源码

( ) Progressive Web App (PWA) Support                  // 支持PWA

(*) Router                                                                  // 路由

(*) Vuex                                                                     // store

( ) CSS Pre-processors                                            // CSS 预处理器

( ) Linter / Formatter                                                 // 代码风格检查和格式化

( ) Unit Testing                                                          // 支持单元测试

( ) E2E Testing                                                          // 支持E2E测试

回车之后,使用空格键与上下箭头键与图中所选保持一致,然后再点击回车

选择3.x,回车

回车之后再次选择No,再次点击回车,此时正在下载依赖包,创建项目

 下载完成之后则出现下图所示

输入:cd myvue  回车,进入myvue项目中

输入:npm run serve 回车,启动服务

 浏览器地址栏输入 http://localhost:8080/ ,正常打开网页表示项目创建成功,下图所示

本文链接地址:https://www.jiuchutong.com/zhishi/297654.html 转载请保留说明!

上一篇:进阶版JavaScript学习【第二期】(宋大叔教音乐第三单元进阶版)

下一篇:选 择 器(选择器优先级)

  • 乐心手环怎么调时间(乐心手环怎么调时间mambo)

    乐心手环怎么调时间(乐心手环怎么调时间mambo)

  • oppofindx5支持无线充电吗(oppofindx5支持无线)

    oppofindx5支持无线充电吗(oppofindx5支持无线)

  • pptrgb颜色模式怎么设置

    pptrgb颜色模式怎么设置

  • 快手为什么不能一次性赞完所有作品(快手为什么不能搜索视频)

    快手为什么不能一次性赞完所有作品(快手为什么不能搜索视频)

  • 模块与子系统的区别(模块和系统)

    模块与子系统的区别(模块和系统)

  • 卖家要你修改退款原因(卖家要你修改退款申请)

    卖家要你修改退款原因(卖家要你修改退款申请)

  • 演示文稿的动画效果是添加的越多越好么(演示文稿的动画类型有)

    演示文稿的动画效果是添加的越多越好么(演示文稿的动画类型有)

  • 两个微信切换会封号吗(两个微信切换会泄露个人信息吗)

    两个微信切换会封号吗(两个微信切换会泄露个人信息吗)

  • qq白屏怎么回事(qq出现白屏什么情况)

    qq白屏怎么回事(qq出现白屏什么情况)

  • 魅族手机总是自动静音怎么回事(魅族手机总是自动开机)

    魅族手机总是自动静音怎么回事(魅族手机总是自动开机)

  • 华为nova7支不支持无线充电(华为nova7支不支持66w快充)

    华为nova7支不支持无线充电(华为nova7支不支持66w快充)

  • qq友谊的小船能有几个(QQ友谊的小船能获得几个)

    qq友谊的小船能有几个(QQ友谊的小船能获得几个)

  • 微信朋友圈怎么设置一些人可看(微信朋友圈怎么定位到别的城市)

    微信朋友圈怎么设置一些人可看(微信朋友圈怎么定位到别的城市)

  • 苹果手机微信可以设置夜间模式吗(苹果手机微信可以加密吗怎么设置)

    苹果手机微信可以设置夜间模式吗(苹果手机微信可以加密吗怎么设置)

  • word文档如何分页(word文档如何分隔线)

    word文档如何分页(word文档如何分隔线)

  • 微机主板上有什么(微机主板的外部接口有哪些)

    微机主板上有什么(微机主板的外部接口有哪些)

  • 爱奇艺会员续费时间怎么算(爱奇艺会员续费了可以退钱吗)

    爱奇艺会员续费时间怎么算(爱奇艺会员续费了可以退钱吗)

  • 小米cc9e18w快充多久充满(小米cc9e 快充)

    小米cc9e18w快充多久充满(小米cc9e 快充)

  • 如何查近期微信聊天的人(微信怎样可以查到前几天信息)

    如何查近期微信聊天的人(微信怎样可以查到前几天信息)

  • 支付宝收款语音播报怎么没声音(支付宝收款语音播报怎么添加店员)

    支付宝收款语音播报怎么没声音(支付宝收款语音播报怎么添加店员)

  • win10电脑卡死了怎么办(win10电脑卡死了咋办,鼠标不动)

    win10电脑卡死了怎么办(win10电脑卡死了咋办,鼠标不动)

  • 苹果xs是单卡还是双卡(苹果xs是单卡?)

    苹果xs是单卡还是双卡(苹果xs是单卡?)

  • wps目录超链接怎么弄(wpsword目录超链接怎么设置)

    wps目录超链接怎么弄(wpsword目录超链接怎么设置)

  • 怎么查银行预留手机号(怎么查银行预留信息)

    怎么查银行预留手机号(怎么查银行预留信息)

  • 手机散热部位在哪里(手机散热部位在什么位置)

    手机散热部位在哪里(手机散热部位在什么位置)

  • 华硕开不了机按哪个键(华硕开不了机按什么键进入安全模式)

    华硕开不了机按哪个键(华硕开不了机按什么键进入安全模式)

  • 预缴增值税的销售额怎么填
  • 征收率 税率 区别
  • 电子税务局怎么删除办税员
  • 增值税普票可以开给个人吗
  • 优惠政策所得税计算
  • 房地产企业可以抵扣进项税额的范围
  • 监理费可以由施工方出吗
  • 债转股企业所得税资本公积
  • 单位处置车辆账务处理
  • 购进租赁设备分录
  • 小规模纳税人开具1%增值税专用发票可以抵扣吗
  • 增值税扣税项目
  • 技术服务发票的单位是什么
  • 水费适用税率
  • 卫生巾的税率
  • 没有发生关联交易需要关联申报吗?
  • 中国公司可以给境外公司开发票吗
  • 视同销售收入和成本如何确认
  • 预收账款预提费用
  • 使用时间长但金币不见了
  • 280元航天使用费多少钱
  • 1697509550
  • 有限合伙人的投资风险有哪些
  • win10电脑文件夹打不开
  • uniapp关闭当前页面
  • 公司购买自己公司的产品
  • 减免税额科目有没有余额
  • 账户验证因姓名验证错误导致失败
  • 收到发票后补付什么意思
  • 如何向企业账户转钱
  • 前后端分离与不分离
  • ssh怎么带密码
  • 租赁费用增值税率
  • php function函数的用法
  • 实缴注册资本印花税如何缴纳
  • 企业如何利用期货对冲风险怎么操作
  • 公交卡充值发票报销单怎么填
  • 基本户转到法人账户会计分录
  • python3 tcp
  • 股权转让个人转个人要交什么税
  • 小微企业增值税减免政策
  • 上年多做了收入的事情
  • 社保当月没扣
  • 二手车置换新车需要什么手续
  • 在建工程结束后怎么处理
  • 行政事业单位零星维修相关规定
  • 增值税运费发票清单怎么开
  • 收到电费发票做账怎么做
  • 用人单位劳务派遣人员工资怎么做账
  • 关于小微企业免征印花税的规定
  • 私人贴现利息如何交税
  • 小规模纳税人季报网上申报流程
  • 合并注销和注销的区别
  • 简易征收是什么意思和一般纳税人
  • 车子报废车子怎么处理
  • sql server中事务有哪三种语句
  • sql server多表查询
  • sql %和_
  • 怎么修改ubuntu的ip地址
  • Linux中如何查看文件大小
  • win8打开运行的快捷键是什么
  • win7系统怎么卸载显卡驱动
  • win10的快速访问
  • unity3d ide
  • jquery滑动触发事件
  • 使用Jasmine和Karma对AngularJS页面程序进行测试
  • 批处理命令是什么语言
  • 触摸按钮失灵怎么回事
  • 安卓手机的手势密码保存在哪个文件
  • Linux修改tomcat默认端口号8080
  • css应用领域
  • Node.js中child_process实现多进程
  • node 调用c
  • android 签名文件冲突
  • python 很简单
  • js调用url接口
  • 堆实现栈
  • time模块 python
  • 车船税多少钱一辆
  • 江西车辆购置税查询网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设