当前位置: 首页 > news >正文

VACode 创建Vue项目完整过程

一、软件下载

VSCode官网下载地址:https://code.visualstudio.com/

二、下载开发环境

1. 安装 [Node.js](https://nodejs.org/);

2. 安装 [npm](https://www.npmjs.com/) 依赖管理工具;

注:node.js安装完后会同步安装npm,一般不需要再下一次npm

查看是否安装完成

node -v
npm -v

成功如下:

三、安装脚手架vue-cli

在vue终端中定位到创建项目的目录,输入命令:

npm install -g @vue/cli

 如下:

 四、命令创建项目

vue create 项目名

如下:

回车后选择项目框架 

按自己需求可以创建Vue2或Vue3,自行选择即可 ,安装需等待一会

成功:

 cd 到项目名下运行

成功后有地址:

在浏览器运行该地址后出现如下页面即为成功

http://www.lryc.cn/news/349289.html

相关文章:

  • 【C++】详解C++的模板
  • 1146 -Table ‘performance schema.session variables‘ doesn‘t exist的错误解决
  • 练习题(2024/5/13)
  • LeetCode—设计循环队列(两种方法)
  • python “名称空间和作用域” 以及 “模块的导入和使用”
  • Pycharm导入自定义模块报红
  • LLMs之KG-RAG:KG-RAG(基于知识图谱的RAG系统)的简介(可以解决多跳问题/同时支持结构化和非结构化数据查询)、经验技巧、案例应用之详细攻略
  • 综合模型及应用(图论学习总结部分内容)
  • 2025考研专业课、英语、数学、政治视频大全,整理全了!
  • 设计模式之策略模式(一)
  • 常见网络攻击及解决方案
  • 【挑战30天首通《谷粒商城》】-【第一天】【10 番外篇】 解决docker 仓库无法访问 + MobaXterm连接VirtualBox虚拟机
  • 【C++】每日一题 17 电话号码的字母组合
  • vue预览PDF文件的几种方法
  • 深度学习入门到放弃系列 - 阿里云人工智能平台PAI部署开源大模型chatglm3
  • GPT-4o,AI实时视频通话丝滑如人类,Plus功能免费可用
  • 【优选算法】——Leetcode——202—— 快乐数
  • 华大基因CEPO-尹烨说学习与生活
  • C#中json数据序列化和反序列化的最简单方法(C#对象和字符串的相互转换)
  • logback 日志脱敏
  • element-ui的表单中,输入框、级联选择器的长度设置
  • 深入了解 npm:Node.js 包管理工具详解
  • 记一次跨域问题
  • 第9章 负载均衡集群日常维护
  • 鸿蒙内核源码分析(消息封装篇) | 剖析LiteIpc(上)进程通讯内容
  • Charger之三动态电源路径管理(DPPM)
  • 大数据模型的选择与安装
  • React 之 lazy(延迟加载)(十七)
  • Node.js -- 会话控制
  • 做抖店不能踩的几个坑,新手要照做,老玩家要听劝~