解决Webstorm新建Vue项目无router文件夹

最新推荐文章于 2024-10-29 10:15:30 发布
最新推荐文章于 2024-10-29 10:15:30 发布
阅读量966 收藏 1
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Web开发 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zcy5157912/article/details/128743649
博客提示不要勾选默认配置，虽未提及具体场景，但推测与前端相关操作有关，在前端开发或使用前端工具时，默认配置可能并非最适合的选择，需谨慎对待。

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

不要勾选默认配置
在这里插入图片描述

vue3+vite创建项目+扫雷
qq_40934617的博客
11-24 1398
1、vite 创建vue3项目(没有router、axios、vuex等插件，需自行安装) npm install -g create-vite-app create-vite-app xxx cd xxx npm install npm run dev 2、router、vuex等插件 (使用) -----> npm i vue-router@4.0.0-beta.4 -S npm i vuex@4.0.0-beta.4 -S 3、Vue和Vue-template-compiler(@v
vue项目没有router文件夹_[vue学习]vue项目的文件和目录结构
weixin_35381077的博客
02-05 3416
文件和目录列表目录结构：├── build // 构建相关├── config // 配置相关├── src // 源代码│ ├── api // 接口│ ├── assets // 主题 字体...
解决创建的vue项目没有router，view文件夹
m0_65380423的博客
01-08 9221
新手创见vue项目时，可能遇见创建出来的项目没有view，router文件夹的情况，解决这个问题
VUE没有路由，可以这样做
T206636的博客
06-22 1483
linter/formatter:使用css预处理器，如less,sass等。选择项目的配置选项（这个是刘兵老师的vue书上的选项，适用于小白）2.然后查看路由器下载情况（查看vue-router是不是存在）创建成功（在此之前会出现一个y/n，同样也是是否保留此次设置）3.然后就可以重建一个项目文件，这样避免配置过程中出现问题。css per-processors:使用css预处理器。babel:使用babel讲代码源进行转码。vuex：使用vuex状态管理器。route：使用vue路由。
vue中无router文件夹问题
AliceHu1997的博客
06-26 6479
发现无router文件夹。 寻找原因：最初创建方式的问题，使用的是vue create demo 的方法。【详情见转载文章】 解决方法：可通过手动 npm install vue-router --save
webstorm创建vue项目
菜鸟成长之路-wei的博客
06-01 9260
步骤 webstorm新建空项目project1 控制台输入vue create supermall 然后相关设置 gitee创建一个supermalll的仓库
使用webstorm新建一个相对完整的vue工程
chengduxiannanjin的博客
07-21 3479
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、webstorm新建工程二、验证工程是否建立成功与相关的配置1.验证工程是否建立成功2.设置项目运行后自动打开浏览器3.安装路由router和vuex4.安装Vue.js的Ajax(axios)5.安装JS代码约束插件 eslint总结 前言 使用webstorm新建一个vue工程文件以及配置各种依赖与插件。例如常见的router、vuex、ajox等 一、webstorm新建工程 打开webstorm后按坐上角的 文件》
WebStorm中Vue项目的目录介绍
huangyh技术栈
04-19 2836
1.1WebStorm中Vue项目的目录介绍 build:webpack相关的配置文件 config:Vue基本配置文件 node_modules:依赖包 src:项目核心文件(我们所写的代码都放在这里) src/assets:静态资源文件(样式类文件) src/components:公共组件 src/router:路由 src/App.vue:根组件,又叫项目入口文件,一个v...
webstorm+vue初始化项目的方法
10-17
WebStorm与Vue项目初始化方法是一套详细的操作指南，对于前端开发者来说，在使用WebStorm这款集成开发环境（IDE）中集成Vue.js框架进行项目开发时，掌握初始化流程是十分必要的。初始化项目的步骤不仅包括必要的开发...
使用WebStorm运行vue项目
北大落榜生的博客
01-02 1854
运行一个vue项目： 1.点击启动快捷按钮旁边的向下小箭头，在列表中选择Edit选项： 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后： 这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； S...
创建Vue项目，找不到router文件（router.js）的解决方法
热门推荐
qq_45851085的博客
08-18 2万+
创建Vue项目，找不到views文件（router.js）的解决方法欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编
vue项目没有router文件夹_vueRouter没有报错，但是页面渲染空白
weixin_39639518的博客
12-20 1717
我的inde遇新是直朋能到分览支体调x.js代码import Vue from 'vue';import App from './App.vue';import VueRouter from 'vue-router';import routers from './routers';Vue.use(VueRouter);const router = new VueRouter({routers});...
新建vue项目中无router文件夹，vue安装路由
weixin_43871857的博客
01-17 1万+
问题：在新建一个vue项目时发现不存在router文件夹 解决： 首先，查看package.json中有没有router的依赖，如果没有的话执行下面图片中的语句。 npm install vue-router --save 新建一个router文件夹，在文件夹下新建一个index.js文件 在文件夹中写入如下内容 import Vue from 'vue' //对应你要跳转的组件 import HelloWorld from "../components/HelloWorld"; impo
vue项目没有router文件夹_router文件夹
weixin_39663933的博客
12-20 4365
[TOC]>[success] # router文件夹说明接下来会讲一下 **正常路由结构** ，以及 **封装好的路由结构**。>[success] ## 正常路由**创建项目初始化路由** 会在 **src文件夹** 下生成一个 **router.js** 文件。**router.js**~~~import Vue from 'vue'import Router from 'vue...
vue 项目中无 router 文件夹，如何安装路由
cdd9527的博客
10-29 1269
vue 项目中无 router 文件夹，如何安装路由
vue项目没有router文件夹_新版的vue cli默认没有自动创建router.js 和 store.js
weixin_39602560的博客
12-30 4271
router.jsimport Vue from 'vue'import Router from 'vue-router'import Index from './views/Index.vue'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'index',component: Index},{path: '...
vue的组件嵌套（没有路由）
阿乔姑娘的博客
06-23 796
1.在components中新建一个子组件，例如：user.vue    模板与生成的helloWord.vue模板基本一致方法一：2.在main.js中全局注册组件Vue.component("user",user)----------->("名称"，对应组件)引用（为了识别组件）import User from './components/user'3.调用：在App.vue中<u...
vue项目没有router文件夹_Vue路由(vue-router)配置实战——动态路由，重定向，工程非根目录...
weixin_39841136的博客
12-30 1729
1. 前言(1) 资料(2) 需求本文是在上篇《使用vue-i18n实现多语言》功能的引申。需要实现的功能如下： 多语言需要反映在url上，英文、简体中文、繁体中文页面需分别为/en、/zhCHS、/zhCHT页面切换后，也能记住上页中选择的语言在页面中先切换语言再刷新，也显示之前选择的语言应用的基路径不在根目录下，而是多一级/snycard2018如果用户load的页面是根目录，要自动定位到正确...
WebStorm配置Vue开发环境
weixin_30852419的博客
01-22 1710
　　虽然最新版的前端开发利器WebStorm支持了Vue，但是大部分人的WebStorm依然是默认不支持Vue的老版本（比如之前的我），所以需要手动添加WebStorm对Vue的支持。要想让WebStorm支持Vue主要分两步，第一步是安装Vue.js插件，使得WebStorm能够对Vue语法进行提示；第二步是配置Vue模板，即快速创建Vue文件。 　　1.安装Vue.js插件 　　点击Pre...
webstorm创建vue项目的步骤
最新发布
05-24
### 使用 WebStorm 创建 Vue 项目的详细步骤 #### 准备工作 在开始之前，需要确保已经安装并配置好以下工具和环境： 1. **Node.js**: 访问官网 (http://nodejs.cn/) 下载并安装 Node.js。可以通过运行 `node -v` 命令来验证是否安装成功[^1]。 2. **Vue CLI 工具**: 执行命令 `npm install @vue/cli -g` 来全局安装 Vue CLI 工具。如果使用的是较旧版本的 Vue CLI，则可以执行 `npm install -g vue-cli`[^3]。通过运行 `vue --version` 或者 `vue -V` 验证安装情况。 3. **Webpack 和其他依赖项**: 如果需要手动管理构建工具链，可以考虑安装 Webpack (`cnpm install webpack -g`) 及其相关插件[^1]。 #### 开始创建项目 以下是详细的创建流程： 1. **启动 WebStorm 并新建项目** - 启动 WebStorm 软件，在欢迎界面上点击 “Create New Project” 按钮。 - 在弹出窗口中选择左侧列表中的 “Static Site Generator”，然后选中右侧选项卡下的 “Vue.js”。 2. **设置项目名称与位置** - 在新项目对话框里指定一个合适的文件夹作为存储目录，并给定清晰易懂的名字以便后续识别。 3. **初始化 Vue 应用程序** - 当提示询问是否要初始化一个新的 Vue 项目时，请确认同意操作。 - 接下来会进入交互式的脚手架过程，允许自定义各种特性支持（如 TypeScript、Router 插件等）。对于初学者来说，默认模板通常已足够满足需求。 4. **等待完成初始化** - 初始化期间可能会花费一些时间下载必要的依赖包以及生成基础结构代码，请耐心等候直至全部结束。 5. **引入额外功能模块（可选）** - 若希望集成 Element UI 组件库提升开发效率，可以在终端内切换至该项目根目录后运行如下指令： ```bash npm install element-ui --save ``` - 安装完毕后再于入口文件 main.js 中导入相关内容即可生效： ```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 6. **测试运行效果** - 利用内置服务器快速预览成果——右键单击 index.html 文件选择 Run ‘index.html’ 动作； - 浏览器自动跳转到 localhost 地址展示初始页面布局样式。 7. **调试优化阶段** - 根据实际业务逻辑调整视图层表现形式或者增强交互行为响应机制； - 不断迭代完善直到达到预期目标为止。 ```python print("恭喜您已完成基本搭建！现在可以根据具体场景继续深入学习啦~") ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海鸥的诀别诗

谢谢，龙咬会继续努力的!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值