位置: IT常识 - 正文

VSCode创建Vue项目完整教程(使用vscode开发vue例子)

编辑:rootadmin
VSCode创建Vue项目完整教程 文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结一、配置环境1.安装VS Code

推荐整理分享VSCode创建Vue项目完整教程(使用vscode开发vue例子),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vscode中创建vue项目,vscode创建vue项目的命令,vscode创建vue项目 -CSDN,vscode中创建vue项目,vscode创建vue项目报错,vscode创建vue项目的命令,vscode创建vue项目 -CSDN,vscode创建vue项目的命令,内容如对您有帮助,希望把文章链接给更多的朋友!

官网下载 https://code.visualstudio.com/ 下载VS Code,按照步骤安装。

2.安装node.js

(1)官网 https://nodejs.org/en/ 下载node.js,按照步骤安装即可,node.js安装完成之后会同步安装npm。

(2)配置环境变量:把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量。

(3)查看node.js是否安装成功:打开cmd,输入ndoe -v 和 npm -v 如果显示版本信息,则说明安装成功。

3.安装配置脚手架vue-cli

脚手架可以帮助我们快速配置项目,打开VScode的终端,输入上述命令,回车,等待安装完成。

npm install -g vue-cliVSCode创建Vue项目完整教程(使用vscode开发vue例子)

二、创建vue项目1.命令方式创建

同样也是在vscode终端,输入vue init webpack ZJJJi,意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的,ZJJJi 是整个项目文件夹的名称,大家可自行更改。

vue init webpack ZJJJi

2.重新初始化依赖

(1)按照上图的提示,cd 到刚才项目目录 (2)执行npm cache clean --force 清除缓存 (3)执行npm install 重新初始化依赖。

3.启动项目

(1) 打开项目里面的package.json,在vscode终端执行start中的命令npm run dev,启动成功后会出现访问地址。

(2) 根据提示,访问http://localhost:8080,会访问到如下界面。至此,VS Code创建Vue.js项目已经完成。

总结

第一次写博客,希望能给刚学vue的新手一点小小帮助。

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

上一篇:html+css实现页面顶部导航栏(html-css)

下一篇:【uni-app】小程序实现微信在线聊天(私聊/群聊)(小程序uniapp怎么用)

  • vivo NEX 3s有指纹识别功能吗(vivo nex指纹解锁)

    vivo NEX 3s有指纹识别功能吗(vivo nex指纹解锁)

  • ios12.4验证失败(ios12.4验证失败,因为您不再)

    ios12.4验证失败(ios12.4验证失败,因为您不再)

  • 微信群聊右上角无图标(微信群聊右上角三个点没有了)

    微信群聊右上角无图标(微信群聊右上角三个点没有了)

  • c语言中一个函数由函数首部和什么两部分(c语言中一个函数内部可以定义另一个函数)

    c语言中一个函数由函数首部和什么两部分(c语言中一个函数内部可以定义另一个函数)

  • wps怎么放图片进去(wps怎么放进照片)

    wps怎么放图片进去(wps怎么放进照片)

  • oppoa59s怎么录屏幕视频(oppoa59s怎么录屏带声音)

    oppoa59s怎么录屏幕视频(oppoa59s怎么录屏带声音)

  • 打印机不能识别墨盒怎么办(打印机不能识别设备)

    打印机不能识别墨盒怎么办(打印机不能识别设备)

  • 与外存相比较而言,内存的特点是(和外存相比)

    与外存相比较而言,内存的特点是(和外存相比)

  • 爱奇艺怎么缓存离线视频(爱奇艺怎么缓存视频离线观看)

    爱奇艺怎么缓存离线视频(爱奇艺怎么缓存视频离线观看)

  • 在抖音上怎么发视频作品(在抖音上怎么发作品有收益)

    在抖音上怎么发视频作品(在抖音上怎么发作品有收益)

  • 微信解散群后聊天记录还在吗(微信解散群后聊天记录多久被清空)

    微信解散群后聊天记录还在吗(微信解散群后聊天记录多久被清空)

  • 光猫拨号和路由器拨号有啥区别(光猫拨号和路由器拨号哪个网速快)

    光猫拨号和路由器拨号有啥区别(光猫拨号和路由器拨号哪个网速快)

  • 路由器上1234什么意思(路由器上1234灯是干嘛的)

    路由器上1234什么意思(路由器上1234灯是干嘛的)

  • 鸿蒙系统是基于什么开发的(鸿蒙系统基于什么架构)

    鸿蒙系统是基于什么开发的(鸿蒙系统基于什么架构)

  • ps怎么选中字体修改(ps怎么选中字体边缘)

    ps怎么选中字体修改(ps怎么选中字体边缘)

  • exc的升序降序在哪里(excel升序降序后怎么还原)

    exc的升序降序在哪里(excel升序降序后怎么还原)

  • ios13字体在哪下载(iphone13的字体)

    ios13字体在哪下载(iphone13的字体)

  • 花生日记怎么删除不喜欢收藏

    花生日记怎么删除不喜欢收藏

  • word2010文档的文件扩展名是(word2010文档的文件扩展名默认是)

    word2010文档的文件扩展名是(word2010文档的文件扩展名默认是)

  • win11小键盘不能用怎么解决? win11小键盘无法使用的解决办法(win11键盘全部没反应)

    win11小键盘不能用怎么解决? win11小键盘无法使用的解决办法(win11键盘全部没反应)

  • win10待机后无法唤醒怎么办(win10待机后无法输入密码)

    win10待机后无法唤醒怎么办(win10待机后无法输入密码)

  • 机器学习:基于逻辑回归对优惠券使用情况预测分析

    机器学习:基于逻辑回归对优惠券使用情况预测分析

  • 个人所得税数据已失效,请重新填写
  • 新成立公司申报流程
  • 发票没有银行账号可以收不
  • 运输发票抵扣税怎么算
  • 辅导期一般纳税人
  • 事业单位财政直接支付账务处理
  • 出口样品账务处理
  • 仪器设备校验记录表
  • 年终奖社保怎么算
  • 职工福利部门的工资
  • 材料的销售成本计算公式
  • 代驾服务可以开具增值税专用发票吗
  • 账面价值大于计税基础产生什么差异
  • 固定资产怎么进入生产成本
  • 本年已预缴所得税
  • 公司账上收到退回的多交的附加税怎么做
  • 购买方申请的红字信息表需要邮寄给销售方吗
  • 对公银行转账给私卡做备用金应怎样做分录?
  • 费用未入账是什么意思
  • 收到政府补贴要交增值税吗
  • 本月不抵扣的发票不入帐吗
  • 农村合作社纳税零申报
  • 研发费用发票怎么入账
  • 超过三年的坏帐损失税前扣除怎样规定?
  • 城镇地域
  • macos usb启动
  • 报销差旅费退回余款填什么凭证
  • 固定资产未开发票怎么入账
  • 什么是应交税费科目
  • QQPCTray.exe是什么进程 QQPCTray.exe文件介绍
  • Remoterm.exe - Remoterm是什么进程 有什么用
  • Win10 1809 17763.2268 更新发布:附更新修复内容汇总
  • php中的require
  • php fpm原理
  • 温特孚灯具质量怎么样
  • 企业合并的合并范围
  • 销售多余材料的成本
  • php数据的提交与采集实验报告
  • pytorch训练模型计算f1
  • loss for
  • php 短信验证码
  • 利润分配反映什么
  • 记账复核是谁
  • java8 (jdk 1.8) 新特性——Lambda
  • mongodb部署安装
  • 什么样的公司可以申请破产
  • 公司举办活动方案
  • 应交增值税明细账怎么填写样本
  • 支付招标代理费的请示
  • 差额开票和全额开票
  • 免税农产品按多少抵扣
  • 融资租赁手续费进项税能抵扣吗
  • 有哪些发票可以报销
  • 财产租赁合同印花税申报期限
  • 公司水电费分摊怎么算
  • 房产税怎么实行
  • 发票先到后付款怎样做凭证
  • 购买税控盘用银行抵扣吗
  • 12月多开的发票,可以明年1月份入账吗?
  • 出口退税进项票跨月勾选
  • 发票红冲怎么回事
  • 无形资产的摊销方法
  • 发现以前的账做错了
  • sql server 判断数据是否存在
  • linux文件压缩和解压缩命令
  • linux常用命令查看
  • win10无u盘装系统教程
  • windows蓝牙被禁用
  • mmap实现原理
  • nodejs word
  • 获取本站的context root
  • 利用职务之便谋取私利是什么罪
  • angularjs1.5
  • shell脚本实现文件移动、复制等操作
  • androidmvvm框架
  • flex开发工具
  • jquery mobile 图片滑动
  • 怎么查询个人所得税申报成功
  • 支部组织生活会流程
  • 国税局地税局合并的必要性有哪些内容
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设