vue-（2022-6更新）vue-cil安装全过程-附安装404问题

最新推荐文章于 2024-06-01 15:46:07 发布
最新推荐文章于 2024-06-01 15:46:07 发布
阅读量1.2k 收藏 6
点赞数 1
分类专栏： vue 文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013269704/article/details/125081131
版权

vue-cil安装全过程

在新的环境上重新安装vue、node开发环境的时候出现了一些问题，记录一下正确的安装流程。

1.首先安装npm。
项目中经常vue、node一起用，所以我直接装的node。这个版本很重要，很多开源项目不支持最新版本的node，我是安装的v14.19.2。不过搭配的npm用的是6.14.17。截至2022年，node17.0以上的版本经常会出问题，慎下。
2.安装淘宝镜像(cnpm)
现在很多包用npm装都会报错，可能是网络问题？总之个人开发还是用cnpm好一点。

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装后
加粗样式
3.安装vue脚手架构建工具
这里出现了问题。网上的安装教程很多是老版的，cnpm拉的都是最新版，而现在脚手架的包已经改名为@vue/cil啦，就会404。见官网介绍如下图：
在这里插入图片描述

这回安装成功啦！
搭建个demo试一下

最低0.47元/天 解锁文章
学海无涯，真的无涯
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue-Cli 部署页面出现刷新404
蔡定努
10-27 287
需要在路由生成的router/index.js中把mode: 'history' 注释掉即可 export default new Router({ // mode: 'history', // 去掉url中的# scrollBehavior: () => ({ y: 0 }), routes: constantRoutes })
webpack+vue-cil 中proxyTable配置接口地址代理操作
10-15
主要介绍了webpack+vue-cil 中proxyTable配置接口地址代理操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
安装vue-cli报错的解决方法
Hacker_Hacker007的博客
01-08 2476
可以试一下能否正常安装vue-cli：npm install -g @vue/cli。可能是缓存造成的问题,执行：npm cache verify。2、执行npm install -g vue-cli。需要右键点击nodejs 的安装文件夹，点击属性。说明是nodejs 的users用户权限不够。出现如下代码，说明缓存清除成功。安全--users-编辑。1、安装nodejs。3、如果出现如下情况。
vue中404解决方法
m0_74359467的博客
04-11 496
检查服务器配置：如果你的Vue项目部署在服务器上，检查服务器的配置文件，例如nginx配置文件是否正确设置了路由重定向。确保服务器能够正确地处理所请求资源。检查是否正确安装依赖：如果使用了第三方库或组件，确保已经正确安装了相应的依赖。通常是因为找不到所请求的资源。请根据你的具体情况选择相应的解决方法。
Vue——webpack项目（没有安装vue-cli脚手架时）解决请求项目启动问题、跨域问题和请求转发报404的问题
weixin_56039103的博客
08-11 1184
项目没有使用 vue-cli 或者 @vue/cli ，直接使用 webpack ，这样起作用的配置文件就是 config/index.js ，所以，在项目根目录下扔一个 vue.config.js 扔了也白仍。即，我当前vue项目的端口号是9001，当遇到请求以/api开头时，就把该请求转发到端口号为8080的后端Java项目。使浏览器访问的IP地址和vue项目中配置的IP地址一致，即，同时为localhost或者同时为127.0.0.1。在解决了以上的跨域问题后发现，无论怎么调试，请求永远报404。..
vue-cli项目，页面刷新404问题原因之一
qq_32486011的博客
05-23 574
这个问题可能存在的原因是 vue.config.js 在 如下配置 module.exports = { devServer: { port: 5012, proxy: { "/": { // 测试网 target: "http://jinfu.baohan.com:8080/", ws: true, changeOrigin: true, }, }, disableHostCheck: true, }, productionSourceMa
vue-cil 的安装和使用
weixin_51867622的博客
12-18 123
vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上： npm install -g @vue/cli 基于 vue-cli 快速生成工程化的 Vue 项目： vue create 项目的名称 内容来源：黑马程序员资料 ...
vue-cli 安装失败Failed to download Response code 404 (Not Found)
weixin_39950595的博客
04-23 2685
解决办法： 检查环境 node -v(小写v) ；官网下载 vue -V(大写V) ；npm i vue-cli -g webpack -v(小写v)； npm install webpack -g 如若上述三个环境都没问题， vue init webpack project ...
homebrew-vue-cli：使用Homebrew安装Vue CLI
02-04
homebrew-vue-cli：使用Homebrew安装Vue CLI
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
主要介绍了webpack4+Vue搭建自己的Vue-cli，对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛,感兴趣的朋友跟随脚本之家小编一起看看吧
vue3-Answer：基于vue，vue-cil3，vue-router开发的答题项目v3.2版本
01-28
:laptop_computer:本项目使用vue框架，基于vue-cil3，vue-router开发，结合​​webpack的多入口打包，将系统每个功能模块作为一个独立的子项目开发，实现模块之间的解压缩模型 :winking_face: vue新人的第一个项目...
vue-cli.rar
12-24
vue-cli官方离线教程，2019年12月从官网拔下来的，供大家下载学习.............
cil2安装详细教程
h5wangbq的博客
11-24 5570
cil2安装详细教程 1.先安装node 菜鸟教程安装 安装完成后 输入 node -v，如果出现相应的版本号，则说明安装成功。 2.安装淘宝镜像（cnpm） npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装webpack npm install webpack@3.8.1 -g //-g全局安装webpack版本3.8.1==》webpack -v查看版本号 4.安装vue-cli脚手架构建工具 npm in
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1203
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 526
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
vue3 vue-draggable-next 实现拖拽穿梭框效果
最新发布
游九尘的博客
06-01 297
【代码】vue3 vue-draggable-next 实现拖拽穿梭框效果。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 338
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 472
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
vue-cil安装教程
05-18
以下是Vue CLI的安装教程： 1.首先，确保已经安装了Node.js。在终端中输入以下命令进行检查： ``` node -v ``` 如果能够显示当前Node.js的版本号，则表示Node.js已经安装成功。 2.使用npm（Node.js的包管理器）安装Vue CLI。在终端中输入以下命令： ``` npm install -g @vue/cli ``` 3.安装完成后，可以通过以下命令检查是否安装成功： ``` vue --version ``` 如果能够正确显示Vue CLI的版本号，则表示安装成功。 4.创建一个新的Vue项目。在终端中进入项目的目标文件夹，然后输入以下命令： ``` vue create my-project ``` 其中，my-project是你想要创建的项目名称。 5.按照提示进行配置，选择需要的插件和特性，等待项目创建完成即可。 至此，Vue CLI的安装和使用就完成了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值