vue.js的安装及用webstorm启动项目

最新推荐文章于 2025-04-23 21:56:19 发布
原创 最新推荐文章于 2025-04-23 21:56:19 发布 · 212 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#大数据 #javascript #ViewUI

本文详细介绍了如何使用Vue.js官方命令行工具安装Vue，并通过WebStorm IDE创建和启动Vue项目。文章还提供了解决WebStorm无法识别.vue文件的方法，即安装相应插件。

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

[size=large][b]安装：[/b][/size]
https://cn.vuejs.org/v2/guide/installation.html
有各种安装选择，我选择的是用官方的命令行工具
http://www.runoob.com/vue2/vue-directory-structure.html
上面是vue.js的目录结构
我用的IDE是webstorm

[size=large][b]webstorm启动项目[/b][/size]
http://blog.youkuaiyun.com/nero__a/article/details/62228646
以上亲测可用
不过要注意的是可能webstorm无法识别.vue文件，需要下载插件
如下图

[img]http://dl2.iteye.com/upload/attachment/0126/1895/6ae1f86c-fadc-3946-af3c-56c1dd1c9856.png[/img]
webstorm新建vue项目相关问题
zwrlj527的专栏
05-25 1210
1、建项目就这么简单，也就是会遇到这些事而已2、说webstorm不支持微信小程序开发的朋友，安装Uniapp Support试试3、对我难的不是vue的语法，而是画页面、样式，以前出H5还用jQuery的时候，就是烦页面、样式。好了，后端人就唠叨叨这里，希望能帮到大家，uping！
使用WebStorm开发Vue3项目
web18285997089的博客
03-02 1680
记录一下使用WebStorm开发Vu3项目时的配置。
webstom新增vue模板
侞婼冇罪
08-25 663
export default { name: '${NAME}' }
vue.js项目的创建到webStorm运行详细讲解
码农小默
05-21 3320
一、背景 在这里vue我就不详细介绍了，你们可以参考他的官方网站，上面有详细的模型，这里我主要研究了下怎么使用脚手架去创建我们的项目结构，如果那里讲的不到位了，欢迎大家批评指正，我会在第一时间去更正的，废话不多说了，开始我们的学习吧。 二、环境准备 1.node.js:其实就是JavaScript 运行环境，可以通过它的官网进行下载安装，地址:https://nodejs.org/en/。 ...
vue开发环境搭建（WebStorm）
Nero__A的博客
03-15 8万+
一、安装Node.js，搭建Vue环境 1、访问Node.js官网（https://nodejs.org/en/download/）进行安装包下载。 2、下载成功之后运行安装程序，进行安装。 如果是用安装程序进行安装，在安装过程中会自动进行Nodejs环境变量的配置，如果是通过其他方式进行安装，可能需要手动配置环境变量。 完成安装后，可以打开命令行，直接使用
webstorm下vuejs开发配置
caixiajia的专栏
12-25 1万+
（1）vue.js插件安装 1、file-->setting-->plugins-->Browse repositories, 搜索vue.js 2、点击Install，即可。 （2）配置自动更新 file-setting-system setting
webstorm安装Vue插件及添加vue模板支持
Walden_tinghou的专栏
12-01 1万+
1.安装Vue插件 enable node和NPM 2.设置Vue模板支持 自定义模板代码         export default{        props:[]     }
前端开发Vue安装及环境配置全流程详解：从Node.js准备到项目启动常见问题解决
最新发布
06-25
内容概要：本文详细介绍了 Vue.js 的安装及环境配置全流程，旨在帮助开发者尤其是新手顺利踏入 Vue 开发的大门。首先强调了安装前的准备工作，包括确认 Node.js 环境和选择合适的开发工具（如 VS Code 和 WebStorm）...
用webstorm和vscode断点调试vue
12-04
在现代前端开发中，Vue.js作为一个流行的JavaScript框架，它的应用越来越广泛。为了提高开发效率和代码质量，开发者需要掌握如何在WebStorm和VSCode中进行断点调试Vue项目。本文将详细阐述这两种主流IDE的Vue断点...
Vue.js前端开发中常见问题及解决方案
小白菜的博客
04-23 997
在当今的前端开发领域，Vue.js以其简洁易用、高效灵活的特点受到了广泛的欢迎。然而，即使是经验丰富的开发者，在使用Vue.js进行项目开发时也难免会遇到各种问题。本文的目的就是对Vue.js前端开发中常见的问题进行系统的梳理和总结，并给出相应的解决方案。本文的范围涵盖了Vue.js的各个方面，包括组件化开发、响应式原理、路由管理、状态管理等。本文将按照以下结构进行组织：首先介绍Vue.js的核心概念与联系，让读者对Vue.js有一个基本的了解；
用webstorm搭建vue项目
热门推荐
weixin_40760196的博客
04-15 10万+
本文只针对新手。 首先要明白几个名词（概念）。 Node.js： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  Node.js 的包管理器 npm，是全球最大的开源库生态系统。 npm：   npm全称为Node Package Manager，是一个基于No...
WebStorm 安装和启动项目
limingdepoxiao的博客
04-25 1810
下载：https://www.jetbrains.com/webstorm/download/ 安装：https://blog.csdn.net/whahahala/article/details/82019365 pull 代码，在代码路径下执行CMD命令：下载淘宝镜像（类似于MAVEN镜像） npminstall-gcnpm--registry=http://registry....
Vue.框架搭建以及Webstorm快速启动配置
Luminary的技术烟火
10-09 5611
一、Vue.js简介以及搭建前期准备工作       Vue.js 是一套构建用户界面的渐进式框架，搭建前期首先系统需要安装Node.js，npm（Node.js打包工具），Git代码管理工具。Node.js与Git安装可以参考这篇博客Node.js启程之旅（一）之安装和检查，npm会跟随Node.js下载。    &...
webstorm 添加vuejs开发配置
xingYev的博客
07-28 4093
webstorm安装vue插件 1.打开file–> settings–>plugin是，在搜索框中输入vue没有vue插件，点击图中的链接下载即可 2.安装vue，重新启动webstorm，再次打开App.vue文件时发现webstorm已经对vue文件有高亮显示。 3.设置webstorm的vue新建文件模板 file–>settings–>Edito...
WebStorm 零起点搭建Vuejs项目 - 全程篇
草巾冒小子的博客
11-06 1万+
WebStorm进行Vue.js项目的零起点、搭建、开发、浏览器测试 近几个月一来，一直在研究vuejs的高级用法，无意中发现自己用的开发工具，已经无法满足自己的开发需求，严重阻碍了开发进程。 索性抛弃了旧IDE，研究了一下webstorm这款新的编辑器。果然是事半功倍啊！ 为了更好更有价值的给大家提供参考，这里我们零起点开始，说明 “如何使用WebStorm进行Vue.js项目的零起点、搭建、开...
Vue进阶（九）：webstorm启动vue项目配置
IT全栈 华强工作室
12-13 5929
使用命令窗口运行 1. npm run mock 2.npm run dev 每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动 选中run下面的edit configurations，scripts里面分别选择mock和dev 第二步 ...
图文并茂——从零开始使用Webstorm创建vue.js项目
小小史莱姆的博客
04-16 1万+
目录 1）安装node.js 2）创建node_global和node_cache文件夹 3）配置NODE_PATH环境变量 4）安装taobao镜像 5）安装webpack 6）全局安装vue脚手架vue-cli 7）使用Webstorm创建vue.js项目 1）安装node.js 进入官网，下载推荐给大部分用户的版本，完成之后执行安装，选择安装目录之后一直next就行，不需要其他操作. 介于之后配置路径的易读性和方便读者对照，这里是笔者安装路径:H:\DevelopeSoft\Nod
WebStorm创建第一个vue项目，包含node.js的安装
柳絮
08-20 944
WebStorm创建第一个vue项目，包含node.js的安装 https://blog.csdn.net/qq_37350706/article/details/86591102
工程和界面—Webstorm入门指南
fangyong2006的专栏
01-09 703
转载自http://www.36ria.com/5698 工程和界面—Webstorm入门指南 Webstorm中的工程 1.新建工程 “Quick Start”界面新建工程： 也可以点击顶部菜单栏“File”-> “New Project”。 弹出如下界面： “Location”指向想要创建的工程目录（如果该目录已经存在文件，会出现exist提示，没关系，直接下一步...
vue.config.js，main.js,index.html,webstorm.config.js执行顺序
06-20
3. **vue.config.js**：这个文件是在构建时使用的，它包含了Vue CLI项目的配置信息，如打包设置、路径映射等。在运行时，这个文件并不会被浏览器加载或执行。 4. **main.js**：这是Vue.js应用程序的核心入口文件，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值