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

  • 个人劳务费怎么交税
  • 限售股在锁定期内卖出
  • 工程保险谁负责
  • 增值税发票记账联要盖章吗
  • 跨越发票冲红,填了红字信息表,没有负数发票
  • 车间管理人工资计入什么科目
  • 预交增值税设备租赁是否可抵扣
  • 小规模纳税人申请一般纳税人流程
  • 挂靠管理费如何入账?
  • 仓储部门折旧计入什么科目
  • 经营租用的设备有哪些
  • 增值税专用发票可以开电子发票吗
  • 租赁合同印花税双方都要交吗
  • 增资扩股投资方要交印花税吗
  • 办公用品包括啥
  • 销售方收到红字信息表
  • 本期预收的货款属于
  • 注册资本认缴制开始实施时间
  • 发出商品是在产品吗
  • 微软发布新的免费 Win11 虚拟机 (2302)
  • system进程有什么用
  • 金税盘服务费怎么申报抵扣
  • windows10安装hadoop
  • win10输入法没有候选词
  • 真三国在哪下载
  • cvpr2020结果
  • php获取数组的值
  • 前端静态页面
  • 简明易懂的
  • 爱丁堡几点天黑
  • 员工不愿意缴纳个税 需要公司承担吗
  • 应收账款的定义和特点
  • php计算给定日期的时间
  • 商家为消费者提供餐具
  • 筹资活动产生的现金流量净额为正说明什么
  • x-s和web_session
  • 信用减值损失需要纳税调整吗
  • java中public修饰什么
  • 股东可以领取工资吗
  • 经营性现金流量为什么要加上折旧
  • 公对公退款必须退至原账户的规定
  • 预付账款未发货会计分录
  • 企业所得税季度预缴纳税申报表
  • 长期股权投资与其他权益工具投资的区别
  • 工装算劳保用品还是办公费
  • 弹性预算列表法
  • 电子承兑没到期兑换手多少手续费
  • 买车的车
  • 怎么理解核销
  • 货已经收到未收到怎么办
  • 消防劳保
  • mybatis collection 多条件查询的实现方法
  • mysql osc
  • bios怎么更改硬盘格式
  • windows7安装后正常使用的安装方法
  • linux 解析
  • Window7+CentOS 6.5双系统安装图文方法
  • 如何创作图文并茂的图片
  • 电脑网页字体设置
  • xp双系统怎么设置默认系统
  • linux 更改目录名
  • win7怎么设置快
  • windows补丁kb3033929
  • win8系统打开浏览器
  • android viewpager嵌套viewpager
  • javaScript NameSpace 简单说明介绍
  • nodejs连接redis
  • python调用cuda执行加法
  • jquery教程chm
  • js新开一个窗口
  • 互联网巨头bat有哪些
  • 信息流广告与原生广告的区别
  • 判断页面是关闭还是开启
  • jquery遍历div子元素
  • javascript异常
  • android的基础知识
  • 已经开具的电子专票怎么重新下载
  • 销售旧货如何开票
  • 济宁税务大厅上班时间
  • 香港买iphone要交多少税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设