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

Vscode创建vue项目的详细步骤

目录

一、概述

操作的前提

二、操作步骤 


一、概述

后端人员想在IDEA里面创建一个Vue的项目,但是这非常麻烦,用vscode这个前端专用软件创建就会非常快速。

操作的前提

1.安装vscode软件的步骤:vscode下载和安装教程和配置中文插件(超详细)_vscode中文插件_云边的快乐猫的博客-CSDN博客

2.安装node.js的步骤:

node.js的下载安装详细步骤_云边的快乐猫的博客-CSDN博客

二、操作步骤 

1.新建一个存放vue项目的文件夹

 2.把这个文件夹手动拉到vscode软件里面并勾选信任 

3. 去到vue的官网---快速上手,把这行代码复制下来

vue3版本的官网:快速上手 | Vue.js

4.打开vscode软件,使用CTRL+~快捷键打开终端,然后把上面复制的代码复制进去回车。然后定义项目的名字。接下来的就都一直按回车键确定就好了

 5.底部会出现3行提示,跟着它敲然后回车就好了

6.点击这个或者复制去浏览器打开,就可以跳转到vue的界面了 

7.vue界面加载成功

这样一个vue的项目就创建完成了

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

相关文章:

  • 如何在面试中介绍自己的项目,才能让软件测试面试官无可挑剔,
  • 虹科方案|从 uCPE 到成熟的边缘计算平台
  • 计算机是怎么读懂C语言的?
  • hadoop入门介绍及各组件功能运行关系
  • (HP)新手引导使用react-shepherd
  • 数据结构:栈和队列(Leetcode20. 有效的括号+225. 用队列实现栈+232. 用栈实现队列)
  • 22.2.19周赛双周赛(贪心、记忆化搜索...)
  • 2023最新软件测试面试题(带答案)
  • 【C++】类型转换方法
  • 100亿级订单怎么调度,来一个大厂的极品方案
  • C++性能白皮书
  • 华为OD机试 - 黑板上色 | 机试题算法思路 【2023】
  • 如何在六秒内吸引观众的注意力
  • FreeRTOS与UCOSIII任务状态对比
  • 小程序 npm sill idealTree buildDeps 安装一直没反应
  • GPT系列详解:初代GPT
  • 为什么要使用数据库
  • 【单目标优化算法】海鸥优化算法(Matlab代码实现)
  • 筑基六层 —— 整型提升及实用调式技巧
  • 后端前端文件传输2中传出模式
  • 【ZOJ 1067】Color Me Less 题解(vector+开方)
  • 凌恩生物经典文章:孟德尔诞辰200周年,Nature Genetics礼献豌豆高质量精细图谱
  • 进程间通信(二)/共享内存
  • 电路模型和电路定律——“电路分析”
  • 软件工程 | 第一章:软件工程学概述
  • 前端开发页面HEAD作用
  • CSS开发技巧——行为技巧
  • PX4之代码结构
  • 【C++11】可变参数模板(函数模板、类模板)
  • centos安装高版本cmake