关于用Vue脚手架(vue/cli)创建项目中遇到问题和报错

最新推荐文章于 2024-03-26 15:57:41 发布
最新推荐文章于 2024-03-26 15:57:41 发布
阅读量2.1k 收藏 3
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c327127960/article/details/109114970
版权

我在学习的过程中很多视频中创建的项目中main.js文件都是这样的
在这里插入图片描述
但我自己创建项目时经常报错 但不知道问题出在哪，后来发现我自己创建的和视频中创建的项目中的main.js文件内容不一样我的是这样的在这里插入图片描述
后来才发现实在创建的过程中选择的版本的问题在这里插入图片描述
一般都是会选择最后一个自己手动配置，如果你是选择默认配置就选择Vue 2 的那个，Vue 3 也可以 不过我还没开始研究，这里只是说一下我在学习视频过程中自己遇到的问题，如果你选择了最后一个
Manyally select features 自己手动配置项目在这里插入图片描述
就在下一步中将这个选项按空格去掉或者 你选了这项也可以在接下来的步骤中在这里插入图片描述
选择 2.x这个。

或者你是用的用图形化界面的方式（vue.ui指令）创建的项目也不要选择Vue 3 的在这里插入图片描述
或者你点了 也可以在下一步选择这里的2.x(默认)在这里插入图片描述
这样你创建的项目中的main.js就是这样的了，也不会报错了在这里插入图片描述

鸡汤辉
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue官方脚手架工具@vue/cli入门
01-08
什么是脚手架工具？ 其实就是用来快速搭建项目的工具。 使用@vue/cli 全局安装@vue/cli npm install @vue/cli -g 全局安装完成之后，提供了一个 vue 的命令。使用 vue -V 来查看一下脚手架版本 在要创建项目的文件夹下使用 vue 命令创建一个项目，并选择配置。（注意，不要使用 git bash 来操作，git bash 不能上下键） vue create 项目名字 配置：可以通过上下键来控制，选择自己需要的。 脚手架创建的项目的基本文件介绍（默认配置） node_modules 项目依赖包 public 静态资源文件夹。（这里存放的是不需要被构
使用@vue/cli脚手架vue create创建
最新发布
04-10
使用@vue/cli脚手架vue create创建
Vue-cli新建工程以及报错处理
黔肆的博客
03-26 358
使用vue-cli新建工程步骤和可能会遇到的问题：1.安装vue-cli和webpack 2.脚本执行策略受限 3.缺少cli-init命令
使用vue-cli3脚手架创建项目的系列报错
潮汐未见潮落的博客
05-19 1370
Delete `␍`eslint(prettier/prettier) 报错 以及 代码格式严格检测 的诸多报错
使用vue脚手架创建项目，及相关报错处理 Error: spawn yarn ENOENT
weixin_38345306的博客
07-09 2205
vue-cli创建项目： 最后试了一下命令但仍未解决 npm cache clean --force npm install 查看命令行发现也报错： 以上报错为未安装yarn，全局安装yarn: npm install -g yarn
vue脚手架搭建报错及解决方案：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOU
热门推荐
qq_42951499的博客
07-08 1万+
问题： 解决方案： 第一步： cnpm install vue-cli -g cpnm install webpack -g vue init webpack 项目名称 第二步：如果第一步操作后仍不可行，设置cmd的代理 set http_proxy=xxxx(xxxx是代理的地址)
vue-cli脚手架创建项目遇到的坑
chenzimin_blog
03-08 2227
文章目录一、cli版本太低二、Cannot find module 'webpack/lib/RuleSet'错误 一、cli版本太低 通过 vue-cli 创建 uni-app 项目，报错： vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the following to upgrade to Vue CLI 3: 报错原因是cli版本太低，需要升级到V4.x.x，
vue创建脚手架时常见的报错
simple_Xsg的博客
05-05 2156
我们在创建脚手架结构时，会出现很多的报错：为此我搜集了一些常见的报错： 1. error Mixed spaces and tabs no-mixed-spaces-and-tabs 这个报错代表缩进和换行报错，此时需要对 .vue 后缀的组件进行格式化，简单粗暴的办法就是：shift + alt + f格式化一下组件就解决缩进和换行的问题了。 2.export 'default' (imported as 'Vue') was not found in 'vue' 这个报错主要是因为我..
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
使用vue脚手架（vue-cli）搭建一个项目详解
10-17
主要介绍了vue脚手架（vue-cli）搭建项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
本次小编给大家带来的是关于用vue-cli脚手架创建vue项目步骤讲解内容，有需要的朋友们可以学习下。
基于Vue-cli快速搭建项目的完整步骤
12-09
vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用...
使用vue-cli（vue脚手架）快速搭建项目的方法
12-10
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个...
vue2，vue3已经生成好的脚手架（空项目包）
07-19
vue脚手架 vue项目包包含vue2，vue3 所包含的环境：Router路由 Vuex CSS Pre-processors CSS预处理程序（sass）vue脚手架 vue项目包包含vue2，vue3 所包含的环境：Router路由 Vuex CSS Pre-processors CSS预处理程序...
Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解
11-27
因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。 1、vue.js就是一个构造器，通过构造器Vue来实例化一个对象；例如：var vm = new Vue({}); 2、实例化Vue时，需要传入一个参数（选项对象）...
vue脚手架创建项目报错
何先生的博客
11-26 1192
Vue报错：command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org 解决方案：npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org ...
关于安装及运行Vue的一些错误集锦
Num_xuj的博客
08-07 2307
vue安装中遇到的问题
创建vue脚手架时，npmERR报错的解决方法
cxyzsh_的博客
11-17 3242
创建vue cli时报错，出现npm ERR
安装vue脚手架cli报错
10-18
好的，关于安装vue脚手架cli报错，可能有多种原因导致，可以尝试以下几种方法： 1. 确认是否已经安装了Node.js，如果没有安装，需要先安装Node.js。 2. 确认npm是否正常工作，可以通过运行npm -v命令来检查。 3. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值