vue-cli创建项目如何自定义路径

最新推荐文章于 2024-01-11 16:58:46 发布
原创 最新推荐文章于 2024-01-11 16:58:46 发布 · 1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

本文介绍了两种在Windows电脑终端中使用cmd命令行操作的方法：一是通过切换盘符并指定目标文件夹路径；二是直接打开VueUI的可视化界面进行路径修改。务必记得保存更改并回车。

方法1：

打开电脑终端（win+R键输入cmd），先输入盘符，切换到相应的磁盘，然后输入命令：cd 目标文件夹路径，回车即可。
再输入命令：vue ui，回车即可完成项目路径的自定义。
在这里插入图片描述
在这里插入图片描述

方法2：

打开电脑终端（win+R键输入cmd），直接输入vue ui进入可视化界面后修改，修改后一定记得回车，否则将不会生效。
在这里插入图片描述

XQHD
关注
如何在vue项目添加发布路径
爱码士的博客
03-30 1711
我的项目是使用`vue init webpack`创建的
【vue-cli】vue-cli@2源码学习
最新发布
ChenLingZhi1115的博客
08-01 514
vue/cli: 3.11.0创建项目vue create 项目名称@vue/cli: 2.x.x 创建项目下载完成后初始化npm i创建项目。inquirer
使用vue-cli创建项目的图文教程(新手入门篇)
08-27
主要介绍了新手入门vue 使用vue-cli创建项目的图文教程，本文是针对完全不了解过vue和npm的小白而写的,需要的朋友可以参考下
Vue Cli2.0项目自定义访问路径，并打包发布
weixin_45941687的博客
03-30 953
因为同一个服务器，同一个域名与端口，根目录已经配置了一个项目，所以第二个项目需要更改项目项目访问路径，不能使用 ' / ',这里使用了 " /base/ "作为根路径
如何创建一个vue项目及在指定目录下
一名混沌的大学生
12-26 677
vue创建项目
vue项目路径配置
weixin_63124815的博客
12-30 973
在项目根目录创建jsconfig.json文件，将下面代码添加进去。即可用@指代src目录。
vue路径使用方法及自定义路径介绍
coldriversnow的专栏
11-25 5565
1.首先说根目录 根目录用“/” 2. 当前文件夹 ./当前文件同级目录 3.当前文件夹的上一级 …/当前文件上一级目录 4.自定义目录 说明下 之前的vue是在webpack.base.conf.js 文件里配置的在这里直接加入就可以 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/胜利ue.esm.js', '@': resolve('src'), } }, 现在需要在v...
vue-cli创建项目，vue项目目录介绍
冰冰凉沉甸甸的博客
01-11 1042
first_vue #项目名-node_modules # 项目有很多依赖都放在这，等同python的 .venv文件夹，可以删掉，非常多小文件，复制很慢，如果没了，执行 cnpm install 就可以在装上，装完项目可以运行-public # 文件夹（一般不动）favicon.ico # 网站小图标index.html # spa：单页面应用---》整个vue项目其实就这一个html页面，以后都是组件切换-src # 开发重点，以后代码几乎都是写在这里。
vue cmd 创建新项目在指定文件夹
tenc1239的博客
07-12 215
1 cmd 进入 后 转到指定目录。2 创建vue新项目。
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
10-17
vue.config.js是一个可选配置文件，它允许开发者覆盖在创建项目时通过vue-cli生成的默认配置。通过修改vue.config.js文件，可以为不同的页面指定不同的入口文件和模板，从而实现多页应用的构建。 为了获取所有页面...
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在Vue.js开发中，我们经常会使用Vue CLI工具来快速搭建项目环境。然而，在更新到较新的VueWebpackTemplate时，可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中，开发服务器的配置通常在dev-...
Vue-cli搭建的项目中路径别名的配置
weixin_49154644的博客
12-19 928
使用cli4.x创建的项目也可以进行以下配置。
vue-cli创建的项目的目录结构及说明
Seven_Amber的博客
10-18 500
一、 ├── build              // 项目构建(webpack)相关代码             记忆：（构建）    9个 │ ├── build.js       // 生产环境构建代码 【build.js ，是我们完成项目之后需要运行的， 可以将我们的项目文件打包成 静态文件，存放在项目根目录的 dist 文件夹中（现在目录里还没有这个文件夹，build的时候会自动...
Vue cli build 打包时指定路径
言小溪 的博客
11-07 5718
找到 config/index.js 路径的文件 找到 build 属性 更改成指定路径，相对路径和绝对路径都行，例如下面 // Template for NoFound.html index: path.resolve(__dirname, 'E:/IDEA/Project/blog/src/main/resources/static/index.html'), // Paths assetsRoot: path.resolve(__dirname, 'E:/IDEA/
创建vue项目的GUI方式之修改创建文件的路径
apple_53971798的博客
04-23 687
在控制台先cd到你想要的文件夹，在你想要的目录下vue ui。
vue cli 创建项目时设置项目位置
JaxWan的博客
12-07 2632
vue create hello-cloud 创建项目时设置项目位置，比如我要设置到D盘的根目录，具体操作步骤如下： 1.win+r(即cmd进入命令行) 2.D： 3.vue create hello-cloud C:\Users\18710>D: D:\>vue create hello-cloud Vue CLI v4.5.15 ? Please pick a preset: Default (Vue 3) ([Vue 3] babel, eslint) Vue .
创建vue脚手架项目
maowencai的博客
07-30 312
vue创建项目
Vue-cli 脚手架搭建项目
Yuki_yuhan的博客
02-28 6838
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：1. 通过 @vue/cli 实现的交互式的项目脚手架。2. 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。3. 一个运行时依赖 (@vue/cli-service)，这个依赖：（1）可升级；（2）基于 webpack 构建····4. 一个丰富的官方插集合，集成了前端生态中最好的工具。5. 一套完全图形化的创建和管理 Vue.js 项目的用户界面。快速创建项目：命令行和图形化界面创建
Vue-Cli3.0-配置基础路径
Missing
12-26 1127
我们在做项目时，可能会遇到线上地址需要配置成这样的，比如http://mobile.****.com/project-name/，其实很简单，二步就解决了。 一：配置路由history模式，这里base默认为根目录也就是base: ‘/’ 我们可以根据需要进行修改 export default new Router({ mode: 'history', base: '/project-na...
vue-cli4.0快速搭建项目教程
本文主要介绍了如何使用vue-cli4.0来快速搭建一个Vue.js项目，包括升级本地环境和创建新项目的步骤。作者首先提到了由于公司项目早期采用的是vue-cli2.0，随着版本更新，决定将项目迁移至vue-cli3.0或4.0。在开始...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值