Webstorm创建VUE项目

最新推荐文章于 2024-10-31 16:55:31 发布
最新推荐文章于 2024-10-31 16:55:31 发布
阅读量461 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yht2004123/article/details/105516401
本文详细介绍了如何使用npm、node和webpack等工具搭建Vue项目，并指导如何将项目移植到Webstorm中进行开发，包括配置项目和启动项目的具体步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.安装完毕所有组件npm，node，webpack

2.在某个目录下创建项目：vue init webpack projectName

3.进入项目目录，cd projectName

4.启动项目 ，npm run dev

5.输入网址 localhot:8080  端口号为自己的，如下页面代表成功

 

6.将项目移植到Webstorm,使用webstrom打开项目

7.配置项目添加启动配置省略，网上资料一堆

垢浪_明珠
关注
WebStorm 创建一个Vue项目
qq_60245590的博客
01-02 4084
这些技术和库之间协同工作以实现一个完整的Web应用程序，其中Vue.js用于构建前端界面，Axios用于处理HTTP请求，Node.js用于构建后端服务，CORS用于解决跨域问题，而Element UI提供了一套现成的Vue组件，用于构建用户界面。上述操作后会在安装目录中该路径下创建 node_modules 文件夹，如果该文件夹没有创建需手动创建。Vue CLI：@vue\cli所在路径，位于node_global\node_modules 文件夹中。见下图，项目创建完成！出现以下运行结果则安装成功！
WebStorm创建Vue3和elementPlus项目
最新发布
2301_78807453的博客
05-13 354
5.在package.json下检查看到已经引入element-plus的依赖了。3.进入项目目录安装ElementPlus。在项目中引入Element Plus。
使用webstorm来创建并且运行vue项目详细教程
祈澈菇凉
02-04 1万+
准备工作，这些就不一一说明了，如果有不会的，可以去前面的教程里面看一看，找一找。 1：webstorm的安装： 2：node.js的安装 3：安装Git 4：vue-cli 1:初始化一个项目 打开cmd（右键管理员）或者git，进入D盘，输入创建命令，一路回车键 d: vue init webpack myprojectvue ...
Webstorm 搭建一个Vue项目
fububanzan_的博客
07-03 9604
在Webstorm上搭建一个Vue项目
WebStorm创建第一个vue项目
热门推荐
日日言谧
01-22 5万+
最近几天最折腾vue的项目  ！  刚开始懵懵懂懂   后来搞清楚了  就出个教程吧！ 很基础啊   先你得下载node.js (Windows)   安装node.js     安装路径我默认安装在C盘    安装node 随便贴几张图    都是下一步下一步的操作！    安装成功！   我们可以检测一下是否安装成功  以及版本！ 打开cmd    输入n...
webstorm创建vue项目
菜鸟成长之路-wei的博客
06-01 9255
步骤 webstorm新建空项目project1 控制台输入vue create supermall 然后相关设置 gitee创建一个supermalll的仓库
webstorm搭建vue项目（新手参考）
01-20
安装webstorm 首先安装webstorm，因为webstorm 集成了多种版本控制工具，基本的功能都可以使用，比如git。同时它也支持node.js调试，对于学生也有免费的优惠，稍后会讲如何申请。...3. 搭建vue之前准备工
webstorm 创建vue项目
08-30
要在WebStorm中创建Vue项目，可以按照以下步骤操作： 1. 打开WebStorm并选择 "Create New Project"（创建新项目）。 2. 在左侧面板中选择 "Vue.js"。 3. 输入项目的名称和位置，并点击 "Create"（创建）。 4. ...
使用webStorm创建一个vue项目
weixin_42216142的博客
08-25 1万+
1、点击左上角【File】----【new】----【project】 2、选择项目存放地址，及确定项目名等信息 3、可能会弹出是否使用淘宝镜像站等设置，根据项目实际开发需求来选择即可。 4、项目创建完毕，运行项目： 方式一： 方式二： 打开Terminal，输入npm run serve，即可： 这里的serve 是根据package.json文件里面来的，有的可能不是serve而是dev，所以要根据自己项目实际情况来操作。如果是dev，那么 npm run serve 命令就是npm run
用WebStorm搭建vue项目
weixin_30235225的博客
03-12 815
首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm： npm全称为Node Package Manager，是一个基于Node.js的包管理器，也...
使用webstorm新建一个vue工程
chengduxiannanjin的博客
07-22 6464
文章目录前言：使用webstrom新建工程极力推荐使用命令行的方式，因为这样可以选择一些相关的配置。一、如何使用命令行新建vue工程二、运行vue工程 前言：使用webstrom新建工程极力推荐使用命令行的方式，因为这样可以选择一些相关的配置。 一、如何使用命令行新建vue工程 1.打开webstorm，点击文件 》 新建项目 》选择空项目 》创建 即可。 2.点击左下角的终端，输入vue create vuedemo 其中的demo就是你的项目的名称。其中的相关配置如下图所示。其中选择某一个是使
使用WebStorm开发Vue3项目
阿盘的博客
10-31 8376
记录一下使用WebStorm开发Vu3项目时的配置。
使用webstorm新建一个相对完整的vue工程
chengduxiannanjin的博客
07-21 3475
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、webstorm新建工程二、验证工程是否建立成功与相关的配置1.验证工程是否建立成功2.设置项目运行后自动打开浏览器3.安装路由router和vuex4.安装Vue.js的Ajax(axios)5.安装JS代码约束插件 eslint总结 前言 使用webstorm新建一个vue工程文件以及配置各种依赖与插件。例如常见的router、vuex、ajox等 一、webstorm新建工程 打开webstorm后按坐上角的 文件》
用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...
web技术课程总结（1）——利用webstorm新建vue项目
MIKE2333的博客
01-20 844
一.开端 大二上学期在学校里面选了web技术这门课，这门课的大作业就是利用vue+springboot两个框架开发一个前后端分离的项目。从0开始到完成大作业，中间遇到了不少的问题，于是便萌生想法将他们都记录下来。第一篇文章就以新建一个vue项目开始吧！ 二.准备 开发工具webstorm，大学生可以使用学校提供的教育邮箱免费白嫖官网的正版软件 先要在电脑中安装node.js才能使用npm 教程基于macOS操作系统，Windows的创建步骤大同小异 如果不确定是否已经安装node.js，我们可以在终端中
【内网】WebStorm搭建Vue环境
一七
04-24 8070
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
WebStorm创建Vue项目记录
weixin_30693683的博客
07-16 163
1 打开WebStorm2018,创建新项目 2 选择vue.js项目类型，填写项目位置，下一步 3 vue-cli插件项目构建中。 4填写项目名称 5 项目描述 6作者 7 8 9使用ESLint 10 11 12 13 14 15进入项目，...
使用WebStorm创建VUE项目
weixin_44943389的博客
09-26 777
【代码】使用WebStorm创建VUE项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值