位置: 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怎么用)

  • ppt怎么全部换底图不换内容(ppt怎么全部换底图ipad)

    ppt怎么全部换底图不换内容(ppt怎么全部换底图ipad)

  • vivo手机滚动字幕怎么弄(vivo手机滚动字幕怎么设置)

    vivo手机滚动字幕怎么弄(vivo手机滚动字幕怎么设置)

  • 华为p40耗电太快如何解决(华为p40耗电快需要关掉哪里)

    华为p40耗电太快如何解决(华为p40耗电快需要关掉哪里)

  • 直播有两个镜头怎么做到的(直播有两个镜头怎么做到的快手)

    直播有两个镜头怎么做到的(直播有两个镜头怎么做到的快手)

  • 华为手机小艺叫不出来(华为手机小艺叫不出来怎么回事)

    华为手机小艺叫不出来(华为手机小艺叫不出来怎么回事)

  • 苹果手机照片打不开咋回事(苹果手机照片打码怎么弄)

    苹果手机照片打不开咋回事(苹果手机照片打码怎么弄)

  • lbp2900打印机端口错误(lbp2900打印机端口怎么设置)

    lbp2900打印机端口错误(lbp2900打印机端口怎么设置)

  • oppo手机相机黑屏解决办法(oppo手机相机黑屏怎么办)

    oppo手机相机黑屏解决办法(oppo手机相机黑屏怎么办)

  • 机械硬盘上三个插口都要插吗(机械硬盘上三个灯亮)

    机械硬盘上三个插口都要插吗(机械硬盘上三个灯亮)

  • 什么软件可以替代windows(什么软件可以替换pdf页面)

    什么软件可以替代windows(什么软件可以替换pdf页面)

  • vivo恢复出厂设置后,激活需要密码怎么办?(vivo恢复出厂设置密码多少)

    vivo恢复出厂设置后,激活需要密码怎么办?(vivo恢复出厂设置密码多少)

  • 小米手环4能不能看小说(小米手环4能不能显示QQ信息)

    小米手环4能不能看小说(小米手环4能不能显示QQ信息)

  • 流量旁边的HD是什么意思(流量信号上面有个hd)

    流量旁边的HD是什么意思(流量信号上面有个hd)

  • 怎样在手机上交医保(怎样在手机上交养老保险)

    怎样在手机上交医保(怎样在手机上交养老保险)

  • 手机为什么插上耳机还外放(手机为什么插上耳机有声音,拔掉就没有声音了)

    手机为什么插上耳机还外放(手机为什么插上耳机有声音,拔掉就没有声音了)

  • 小米怎么取消音量悬浮(小米怎么取消音量键控制音量)

    小米怎么取消音量悬浮(小米怎么取消音量键控制音量)

  • word批量生成条形码(word批量生成条码)

    word批量生成条形码(word批量生成条码)

  • qq如何注销实名认证(qq如何注销实名认证身份证)

    qq如何注销实名认证(qq如何注销实名认证身份证)

  • 监控录像怎么关闭声音(监控录像怎么关机)

    监控录像怎么关闭声音(监控录像怎么关机)

  • 京东如何取消退款(京东如何取消退款申请)

    京东如何取消退款(京东如何取消退款申请)

  • ppt每页时间怎么设置

    ppt每页时间怎么设置

  • 摩拜微信小程序无法定位(摩拜在微信的什么位置,在哪里打开)

    摩拜微信小程序无法定位(摩拜在微信的什么位置,在哪里打开)

  • 苹果7换外屏后遗症(苹果7换外屏后变白屏是什么原因?)

    苹果7换外屏后遗症(苹果7换外屏后变白屏是什么原因?)

  • Vue实现鼠标悬浮隐藏与显示图片效果 @mouseenter 和 @mouseleave事件(vue实现鼠标悬浮 显示全部内容)

    Vue实现鼠标悬浮隐藏与显示图片效果 @mouseenter 和 @mouseleave事件(vue实现鼠标悬浮 显示全部内容)

  • Vue3-Pinia的基本使用

    Vue3-Pinia的基本使用

  • 所得税费用调增分录
  • 企业计提印花税会计处理
  • 销售旧货的增值税税率
  • 集装箱维护是做什么的
  • 一般纳税人月底增值税如何结转
  • 票面3个点什么意思
  • 解除劳动合同员工不同意
  • 私募基金管理公司
  • 土地增值税计税价格
  • 收到别的公司的转账支票
  • 其他应交款入哪个科目
  • 写字楼出租流程
  • 持有至到期投资核算内容
  • 租赁费交税税率是多少
  • 水利基金的计税基础是什么
  • 发票已勾选未确认
  • 企业所得税三项费用扣除
  • 超出标准的公积金怎么交
  • 工业产值怎么计算的 统计
  • 代购工作室合法吗
  • 公司收到残联补助如何开票
  • 事业单位自筹什么意思
  • linux监控系统命令
  • 和linux
  • 政府的奖励金计入哪个科目
  • 在途物资什么类科目
  • 跨站脚本攻击是什么
  • php验证源码
  • 跨年的材料票可以抵扣吗
  • 微信小程序 h5页面打不开
  • 增值税附加税的税率
  • 谁能代替你啊
  • 人工智能机器人
  • 股东投资款超过注册资金的案例
  • 交易性金融资产包括哪些项目
  • 事业收入如何确认
  • mysql的联合查询
  • mysql数据库常用sql语句
  • 资产处置损益的定义
  • 小微企业所得税税率
  • 检查sqlserver是否安装完成
  • percona-toolkit之pt-kill 杀掉mysql查询或连接的方法
  • 其他应付款付不出去怎么处理好
  • 太阳能发票图片
  • 建筑企业印花税应税凭证名称
  • 教育费附加退费
  • 商贸公司用购进产品吗
  • 哪些合同不用交社保
  • 一般存款账户可以办理现金缴存但不得办理现金支取
  • 月末忘记结转怎么办
  • 与成本直接相关的有哪些
  • 事业单位固定资产入账标准最新规定
  • 公司买东西算什么费用
  • 银行对账单上借贷方什么意思
  • mysql的操作方法
  • sql2005win10安装教程
  • win8.1打开软件显示Error远程配置获取失败请重新启动
  • winxp纯净版系统
  • 下列哪种情况能使血管升压素释放增加
  • linux promisc
  • 常见内存大小
  • win10怎么设置定时关机和开机
  • e ink launcher
  • xp系统操作全程图解
  • font system
  • 自动备份文件并发送到Gmail (适用G级数据的备份)
  • win81无线网络没有了
  • 使用灭火器人要站在上风口还是下风口
  • JS实现的base64加密解密完整实例
  • perl -p -i
  • javascript unicode与GBK2312(中文)编码转换方法
  • swift协议范型
  • python编程简单案例
  • 河南电子税务局官网app
  • 成都市老年公交卡年审地点
  • 为什么虚开增值税属于犯罪行为
  • 注销发票怎么处理流程
  • 加计扣除为什么是税收优惠
  • 成都市水源地及饮用水的水质情况
  • 保险公司的人可以查到买保险的人都买了什么保险吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设