VSCode 创建vue项目的方法

最新推荐文章于 2024-06-06 16:19:27 发布
最新推荐文章于 2024-06-06 16:19:27 发布
阅读量1k 收藏 3
点赞数
分类专栏： 开发工具使用方法 vue 文章标签： vue vue.js visual studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39188241/article/details/106520640
版权
  1. VSCode 快捷键 (mac)

打开终端： ctrl + ~

// 注释快捷键：comand + /

/**/ 注释快捷键：shift + option + A

2.构建项目

1）vue create vue-admin

下面这个步骤是 已经存在这个目录之后重建的

  1. Visual Studio 快捷键 (mac)

打开终端： ctrl + ~

// 注释快捷键：comand + /

/**/ 注释快捷键：shift + option + A

2.构建项目

1）vue create vue-admin

下面这个步骤是 已经存在这个目录之后重建的
在这里插入图片描述
2）点击y 之后，开始安装所有的的组件

3）然后进入自己创建的项目： cd vue-admin

4）运行一下： npm run serve

然后可以看到这个，打开一下网址就表示构建成功
在这里插入图片描述

5）创建好之后可以看到这个
在这里插入图片描述

6）这个npm run serve 运行的serve是从package.json里面看的
在这里插入图片描述

°疯菇凉℡1
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
mac版本vscode创建java项目
lingjing1003的博客
10-23 2420
1、配置sdk环境（vscode仅支持11以上，所以自带的版本8不支持） 2、vscode中下载和配置Java插件 一、配置sdk环境(mac环境下) 1、下载jdk 2、配置环境变量 （1）将下载的jdk解压 （2）将jdk-11.0.1.jdk文件拷贝到/Library/Java/JavaVirtualMachines路径下，拷贝完成后进入cd /Library/Java/JavaVirtualMachines 然后ls -l查看 ...
VScode 创建vue项目
jinxia709的博客
12-20 194
1、软件下载 1.1 VSCode 1.1.1 官网直接下载就行，https://code.visualstudio.com/Download 1.1.2 安装插件vetur，ESLint 等 1.2 安装node.js 下载地址：https://nodejs.org/en/download/ 下载完成后默认安装，安装完成后打开终端输入下面的命令查看是否成功安装（npm是一起安装的） jinxiadembp:~ jinxia$ node -v v12.16.1 jinxiadembp:~ jinxia$ n
Mac中VSCode配置vue项目环境
旭日的博客
07-05 3460
进入，下载Mac版安装包设置中文:vscode导航栏view -> Command Palette -> 输入Configure Display Language -> 选择简体中文 -> 重启。
VS code上创建Vue项目详细化教程1-配置VScode与Vue
最新发布
Charles_Clark的博客
06-06 2533
VS code上创建Vue项目详细化教程1-配置VScode与Vue
vscode新建工程
qq_27182175的博客
10-25 9822
一.在windows下新建项目 1.在桌面新建文件夹，命名test 2.打开vsc,选择打开文件，选择test 3.将工作区另存为，还是选择test，此时会生成test.code-workspace 4.在vsc里面新建文件夹，取名.vscode,用来管理工程文件，在这里面建文件夹，在文件夹里面存放代码 ...
2021安装VSCode教程并创建第一个项目，同时设置成中文语言（超详细）
小袁同学的博客
11-15 1万+
一、下载之后双击.exe文件安装 二、选择我接受协议，然后点击下一步 三、选择安装路径（根据自己需要设置），然后点击下一步 四、点击下一步 五、全部勾选上，点击下一步 六、点击安装 七、等待安装完成
【vscode创建maven项目】Macbook M1
青山的青衫的博客
11-25 1111
在mirrors里把之前博客里写的那堆改成。在设置里搜索maven，找到限免的进行设置。不过我创建时出现了一些问题，留待以后解决。输入settings.xml的路径。这里假设已经安装好了maven。之前的一直创建不成功，会报错。
VSCode 快速生成vue代码片段
码农云云的博客
09-12 310
VSCode 快速生成vue代码片段 第一步、打开vscode，找到用户代码片段，选择 ***.json 文件打开，如下图 说明： 你要什么什么样的模板，点击用户片段后输入设置的关键字.json (若要设置vue，找到 vue.json 文件) 第二步、将以下代码复制粘贴到vue.json里面，保存 说明： "Print to console": { "prefix": "vue", // 1.用户输入的关键字 "body": [ // 2.body中的
vscode 开发Vue项目的方法步骤
12-09
在开发Vue项目时，Visual Studio Code (VSCode) 是一个非常流行且强大的工具。下面将详细介绍如何使用VSCode配置和优化开发环境，以及如何进行Vue项目的断点调试。 首先，你需要下载并安装VSCode。你可以从官方市场...
VSCode搭建Vue项目的方法
11-21
在vscode上搭建一个vue项目—初学总结。 1.假设Vscode、nodejs等已经安装...4.安装完成之后就可以开始创建vue项目，首先创建一个文件夹用来存放你的项目，用vscode打开对应的文件夹，并在终端cd到对应的文件夹。比如我
vscode新建一个最简单的vue项目
09-27
接下来，我们将分步介绍创建Vue项目的步骤。 **一、安装必要工具** 首先，确保你已经安装了Node.js，因为Vue项目依赖于npm或yarn来管理依赖。同时，下载并安装Visual Studio Code。在VSCode中，我们需要安装以下两...
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
10-15
在处理Vue项目时，VSCode允许开发者通过自定义代码片段来提高编码效率，例如一键生成`.vue`文件模板。这篇文章将详细介绍如何在VSCode中设置和使用这些模板，以及如何修改定义其他模板的方法。 首先，为了能够更好...
Vscode创建vue项目的详细步骤
快乐学习
02-21 1万+
后端人员想在IDEA里面创建一个Vue的项目，但是这非常麻烦，用vscode这个前端专用软件创建就会非常快速。快捷键打开终端，然后把上面复制的代码复制进去回车。然后定义项目的名字。接下来的就都一直按回车键确定就好了。点击这个或者复制去浏览器打开，就可以跳转到vue的界面了。把这个文件夹手动拉到vscode软件里面并勾选信任。去到vue的官网---快速上手，把这行代码复制下来。底部会出现3行提示，跟着它敲然后回车就好了。新建一个存放vue项目的文件夹。
VSCode创建Vue项目完整教程
热门推荐
weixin_46271689的博客
04-18 3万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
使用vscode快速搭建Vue项目步骤
m0_68218656的博客
01-15 1万+
①Win+R指令，打开命令框输入cmd②检查nvm是否安装成功(安装成功会显示对应的版本）nvm -v。
vue项目创建的三种方法
Txwssn的博客
10-19 1086
创建vue项目的三种方法
在vscode中创建vue项目
someday____的博客
09-01 1万+
昨天对一次成功用新电脑在vscode上跑成功项目工程里的vue项目，今天目标是自己用vscode新建一个vue项目。第三步：在下面步骤中，一些需要填写或选择的选项，我都直接Enter了，一些需要安装的我都直接No了。第一步：打开vscode, 选择 文件 >> 打开文件夹 选择要创建项目的文件目录。第五步：在浏览器输入http://localhost:8080就可以打开项目了。，其中projectName可以自行修改。第四步：按照上图提示进入到项目目录并运行项目。...
visual studio code创建vue项目
qq_58983013的博客
07-04 3087
3.选择配置：运行上述命令后，Vue CLI会提示你选择一个配置模板。1.安装Vue CLI：首先，确保你已经在计算机上安装了Node.js。然后，在命令行中运行以下命令来全局安装Vue CLI： npm install -g @vue/cli。2.创建新项目：在命令行中，进入你想要创建项目的目录。然后运行以下命令来创建一个新的Vue项目：vue create my-vue-project。在这个命令中，"my-vue-project"是你想要为项目指定的名称，你可以根据自己的需要进行修改。
vscode创建vue项目
05-25
要在VSCode中创建Vue项目，您需要先安装Vue CLI。以下是如何在VSCode中创建Vue项目的步骤： 1. 安装Node.js和npm。您可以从https://nodejs.org/下载并安装它们。 2. 打开终端并运行以下命令来全局安装Vue CLI： `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值