如何下载使用Vue3,如何在Vscode/WebStorm上搭建一个Vue项目【亲测有效、强烈推荐、简单快速】

已于 2022-05-23 23:07:56 修改
阅读量1.6k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： vue.js vscode webstorm
于 2022-05-19 08:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/champion564/article/details/124818505
版权

如何在Vscode/webstorm上搭建一个vue项目


以下方法可以直接在本地创建项目，不过是vscode还是webstorm都可以直接打开使用，十分方便！

一、下载node.js

在这里插入图片描述

二、下载NPM

以管理员身份打开cmd

输入

node-v

检查是否node.js是否下载好

输入

npm install -g @vue/cli

下载vue-cli脚手架

在这里插入图片描述

等待下载

完成后可以输入

vue—version

查看脚手架版本

在这里插入图片描述

三、打开电脑本地的windows poweshell

以管理员身份打开windows poweshell

输入 cd 此项目想放的本地位置

输入 vue create 项目名

即可开始创建vue项目

最低0.47元/天 解锁文章
champion564
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode主题 webstorm_vscode 使用经验，让vue开发跳转定义和webstorm一样
weixin_39562338的博客
12-19 1241
自己个人开发的时候都喜欢用webstrom，webstrom各种细节，定义跳转，样式，都非常棒，奈何公司内网开发，逼着我用vscode，在新公司用vscode开发三周之后的今天(周六)，我爆发了。下面是我必须推荐的几个插件一、插件推荐1、Auto Rename Tag修改html标签自动补全，改了首标签，尾部自动变。webstrom自带2、Code Runner自动检测packjson文件执行np...
【使用工具在Vs-code/WebStorm构建Vue项目】
橙子的博客
08-05 1741
使用App.vue创建Vue组件,将该组件挂载到index.html的div上。(5)Vue3的setup语法糖：不需要使用exports default进行组件的默认导出。(1)public目录：静态资源文件夹.index.html是vue项目启动的首页。② components目录：存放Vue组件(组件扩展名是.vue)a、是一个函数,可以返回对象,对象的属性和方法可以在模板中直接使用。(3)构建响应式数据方法：reactive。(2)初始化函数：ref。③ App.vue组件：主组件(启动组件)...
VS code上创建Vue项目详细化教程1-配置VScode与Vue
Charles_Clark的博客
06-06 2661
VS code上创建Vue项目详细化教程1-配置VScode与Vue
用webstorm搭建vue项目（亲测，绝对实用）
热门推荐
KuoChingYang的博客
03-19 4万+
前提：已安装webstorm，这里主要讲搭建，webstorm的下载就不在这里说了。 1、了解一下基本知识 1.1、Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 nodejs版本查询：node...
vue3 快速入门 (一) : 环境配置与搭建
朱豪凯的博客
07-14 1057
介绍如何安装VUE开发所需环境
在Vs-code/WebStorm中构建Vue项目
thwr1881的博客
08-13 1306
在Vs-code/WebStorm中构建Vue项目
在 WebStorm 中使用 Vue CLI 创建 Vue 3.0 项目
qq_34839164的博客
03-11 809
1.在 WebStorm 中打开终端，确保您已经安装了 Node.js 和 npm。选择Import on demand和zh-CN。使用命令cd到自己项目目录下，并运行项目。导入Element UI。按回车，会显示正在配置。点击连接即可访问网站。
Web篇_06 搭建Vue项目（Vue3+Element Plus+Vue-cli+Webstorm）
凤文Sharing的博客
06-27 1510
Vue3使用Vue UI搭建项目使用Webstrom创建Vue项目 VUE3的文档 https://v3.cn.vuejs.org/ 使用Vue UI搭建项目 我使用Vue ui搭建项目，原因是简单，易于管理，图形化易操作。 1. 安装node 首先你应该有一个node.js，如果没有可以参考安装和使用： 2. 安装Vue CLI Vue CLI的文档 https://cli.vuejs.org/zh/ vue-cli是官方发布的vue项目脚手架，可以用来快速创建项目，我们本文所用到的vue ui就是基于
mac 基于webstorm新建vue3项目
qq_43806379的博客
03-02 771
新手mac环境使用webstorm新建vue项目的过程
WebStorm 创建一个Vue项目
qq_60245590的博客
01-02 2785
这些技术和库之间协同工作以实现一个完整的Web应用程序，其中Vue.js用于构建前端界面，Axios用于处理HTTP请求，Node.js用于构建后端服务，CORS用于解决跨域问题，而Element UI提供了一套现成的Vue组件，用于构建用户界面。上述操作后会在安装目录中该路径下创建 node_modules 文件夹，如果该文件夹没有创建需手动创建。Vue CLI：@vue\cli所在路径，位于node_global\node_modules 文件夹中。见下图，项目创建完成！出现以下运行结果则安装成功！
Vue系列面试题
qq_44186810的博客
07-23 1248
Vue2中采用Object.defineProperty来实现数据响应式，Object.definePropery虽然可以监听到数组的变化，但是由于在性能和体验的性价比上考虑，Vue2放弃了这个特性。1）v-for优先于v-if被解析，从源码中发现，先处理静态节点，在处理once，在处理for，在处理if，代码显示for的优先级比if高，断点调试也证实for优先于if。v-if：是惰性渲染机制，在属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件。
Vue详解
敲厉害的燕宝的博客
08-03 555
Vue 是一套用于构建用户界面的渐进式 JavaScript 框架。
运行中动态加载远程vue文件，解析template、script、style并注册全局组件：
qq_42152032的博客
08-03 248
(1).通过http请求获取组件数据，然后使用http-vue-loader插件解析script(解析为各生命周期钩子函数和methods对象),然后动态注册为vueComponent使用。 通过:is 来动态切换组件。 必须使用全量vue库，因为需要Vue来解析。 因为template已由vue2-sfc-loader解析了，可不用全量vue库。),然后动态注册为vueComponent使用。通过:is 来动态切换组件。(1).通过http请求获取组件数据，然后。后再注册为VueComponent。
【VScode编辑器】VScode基本使用全面讲解
m0_74246469的博客
08-03 968
VSCode上进行C/C++程序的使用
VSCode的介绍和详解
Dingdangr的博客
08-03 535
定义与功能：VSCode不仅是一个简单的文本编辑器，更是一个功能丰富的代码编辑器，支持多种编程语言的智能代码补全、代码导航、图形化的调试工具、版本控制集成等功能。开源与免费：VSCode是开源软件，拥有庞大的开发者社区，持续提供更新和改进，完全免费供用户使用。
Visual Studio 和 VSCode哪个更好?
最新发布
Good_tea_h的博客
08-03 586
在选择Visual Studio还是Visual Studio Code时，需要综合考虑项目的规模、复杂性、开发团队的需求以及个人偏好等因素。如果你正在开发大型、复杂的企业级应用或游戏，并且需要完整的开发工具和组件支持，那么Visual Studio可能更适合你。而如果你正在寻找一个轻量级、灵活且跨平台的代码编辑器，用于小型项目、快速开发或Web开发等场景，那么Visual Studio Code将是一个不错的选择。无论选择哪个工具，都需要不断学习和实践以充分发挥其潜力。
Bug日记-webstorm运行yarn 命令报错
heart000_1
08-15 2023
Bug日记-webstorm运行yarn 命令报错
数理方法习题 前六章.pdf
08-03
数理方法习题 前六章
使用webstorm和vue3 实现一个简单的页面
05-16
好的，下面我将为你提供一个简单的示例页面，使用Vue3和WebStorm编写。 首先，你需要创建一个Vue项目。在WebStorm中，你可以通过以下步骤创建Vue项目： 1. 点击菜单栏中的“File”（文件），然后选择“New Project...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值