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

  • 职工薪酬支出及纳税调整
  • 出口免税进项税额转出怎么计算
  • 什么是税收滞纳金请举例说明
  • 企业向银行贷款属于融资吗
  • 家庭保洁服务价格表
  • 定额的个体户需要汇算清缴吗
  • 小微企业十万免税从什么时候开始
  • 居民企业参股外国企业信息报告表怎么删除
  • 银行收单业务员做什么的
  • 税法免抵退计算例题
  • 商业企业的商品销售额、职工人数是( )
  • 利息收入为什么是负数
  • 存款取款业务记入那个日记账?
  • 营改增操作指引
  • 待转销项税额如何列报
  • 缴纳印花税税会计分录怎么做
  • 个体工商户是否属于法人
  • 个人承包承租经营所得采用什么税率
  • 停车场领的定额发票要怎么报税?
  • 自助设备使用费会计科目
  • 大巴车票抵扣税率
  • 发票密码区是干啥的
  • 小规模企业核定征收
  • 企业研发过程中特殊收入的会计处理
  • 小规模纳税人如何开专票
  • 当月取得的进项必须当月勾选吗
  • 批量获取文件信息
  • 其他现代服务业是什么
  • 法律规定公司必须要有的制度
  • 职业病治疗费用由谁来承担
  • 预付款多长时间
  • 不动产增值税怎么算
  • php 读取文本文件
  • php中unlink
  • 资产现金流量收益率计算方法
  • 汇算清缴怎么调减
  • 免税企业税金及附加计算
  • 工业企业计入制造费用的工资还需要交工会经费吗
  • 原生ajax和axios的区别
  • 如果企业一直亏损不交所得税会被税局稽查吗
  • 应收票据应付票据合并抵消吗
  • 对外捐赠的会计处理企业会计准则和小企业会计准则
  • MySQL 数据库中,用于事务授权控制的关键词是下面哪个?
  • 库房食品过期报告怎么写
  • 印花税免税项目有哪些
  • 收到发票挂账如何处理
  • 社保退休金计算方法
  • 学校收到政府补助的会计分录
  • 完工不拨付工程款怎么处理
  • 上年度库存商品错误如何更正
  • 差旅费报销单填写模板电子版
  • 事业单位接受捐赠会计处理
  • 临建费用包含在哪里
  • 清洁服务公司账务处理
  • 五证合一的办理流程是什么
  • 会计记账凭证样本
  • linux下安装mysql简单的方法
  • windows主进程rundll32总是用麦克风
  • linux如何安装c语言编译器
  • winxp怎么做系统
  • dwm exe是什么
  • linux的安装流程和详细内容
  • win8怎样获取管理员权限
  • onenotewindows10
  • Win7安装VPN软件后无法上网是什么原因如何解决
  • linux卸载repo
  • cocos编程
  • python函数详解
  • javascript怎么设置
  • Android开发如何找到TextView指定文本
  • windows7打开命令提示符
  • unity3d怎么做动画
  • js能实现的简单效果
  • prototype模型
  • js实现的奥运倒计时时钟效果代码
  • 基本农田建设的土地
  • 深圳企业所得税税率多少
  • 纳税人总机构和分机构不在同一县怎么办
  • 国家税务总局风险识别报告
  • 工本费每月都扣?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设