标签: vue-cli

vue:vue-cli找不到命令

在安装vue-cli的依赖项时,vue未被识别,为什么?

创建项目时出现错误消息

npm vue.js vue-cli

17
推荐指数
7
解决办法
2万
查看次数

Vue.js CLI中有多个页面

我无法弄清楚如何在Vue CLI项目中拥有多个页面.现在我的主页上有一些组件,我想创建另一个页面,但我不知道该怎么做.我应该创建多个html文件,默认情况下index.html是?在一个简单的文件结构中,css js img文件夹和html文件作为页面,我知道创建另一个html文件意味着创建另一个页面.但我不明白它如何与Vue CLI项目一起使用.

我在Vue文档中看到了诸如vue-router和"pages"之类的内容,但我对它们并不了解.我有什么选择?是否有一个指南详细解释,因为我找不到任何,更不用说详细了.如果你能提供帮助,我们将非常高兴!谢谢!

html javascript vue.js vue-cli multi-page-application

17
推荐指数
3
解决办法
2万
查看次数

将路由添加到Vue.js cli 3.0应用程序

新的Vue.js 3.0插件架构很不错,但似乎缺少一个路由器插件.如果我在第一次创建项目时选择不安装路由(vue create my-project),我希望以后可以改变主意并添加类似的路由vue add @vue/router,但该插件似乎不存在.事后是否有办法从CLI添加路由?

vue.js vue-router vue-cli

16
推荐指数
1
解决办法
2万
查看次数

Vue App中main.js & App.vue的目的是什么

我不明白每个文件的确切用途。
假设,我想在 main.js 或 App.vue 中放置身份验证代码,我应该将其放置在哪里

vue.js vue-cli

16
推荐指数
1
解决办法
2万
查看次数

将_redirects文件添加到Netlify上托管的Vue SPA的根路径

我正在使用Vue CLI开发单页应用程序,并希望历史状态pushstate工作,所以我得到干净的URL.

我必须遵循这个:https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps并使用以下内容将_redirects文件添加到我的站点文件夹的根目录:

/*    /index.html   200
Run Code Online (Sandbox Code Playgroud)

问题是我不知道如何将此_redirects文件添加到我的dist文件夹的根目录.我尝试将它添加到静态文件夹,但它最终在子文件夹中而不是在root中.如何在Netlify上部署此文件以使历史模式有效?

// config/index.js
build: {
  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
Run Code Online (Sandbox Code Playgroud)

single-page-application vue.js netlify vue-cli

15
推荐指数
5
解决办法
5319
查看次数

vue cli 3 –在样式标签中使用背景图片

我想将组件之一中我的Assets文件夹中的svg图像用作背景图像。这是我的组件的一个示例:

<template>
  <div class="container"></div>
</template>

<script>
export default {
  name: 'component'
}
</script>

<style scoped lang="scss">
.container {
  height: 40px;
  width: 40px;
  background-image: url('@/assets/image.svg');
}
</style>
Run Code Online (Sandbox Code Playgroud)

但是图像没有显示。路径正确。我的错误在哪里?谢谢你的帮助。

css vue.js vue-cli

15
推荐指数
3
解决办法
9951
查看次数

Command vue init需要一个全局插件

当我尝试时vue init webpack test-app,我收到以下错误:

Command vue init requires a global addon to be installed.
Please run npm install -g @vue/cli-init and try again.
Run Code Online (Sandbox Code Playgroud)

这就是我安装vue cli v3 beta6 所做的
npm install -g @vue/cli

这是我遵循的教程
https://itnext.io/getting-started-vue-js-and-visual-studio-code-6990f92e918a

显然,该教程不需要安装@vue/cli-init.我想知道为什么以及如何解决这个问题.

附注:当我像这样安装npm install -g vue-cli它按预期工作.我发现vue-cli是一个稳定的2.9.x版本.

万分感谢!

vue.js vue-cli

14
推荐指数
3
解决办法
7371
查看次数

找不到Vue命令

尝试安装Vue但我收到错误-bash:vue:command not found.请看截图.根据Vue说明安装了所有内容,但我仍然收到此错误.请帮忙.谢谢

错误的屏幕截图

node.js npm vue.js vue-cli

14
推荐指数
2
解决办法
2万
查看次数

Vue cli 3热重载突然在浏览器中无法正常工作

我有一个由Vue cli 3生成的Vue项目,我的热重装突然停止在我的浏览器中工作.终端仍然会选择对代码所做的更改,但是,我的浏览器没有获取更改.我必须手动刷新才能获取新的更改.正如其他一些人所建议的那样,我手动设置poll: true了我vue.config.js,我也尝试设置代理,但都没有成功.

有什么建议让这个工作再次成功吗?

vue.js webpack-dev-server vue-cli vue-cli-3

14
推荐指数
4
解决办法
9366
查看次数

我无法在 Ubuntu 中运行 vue cli - 错误:无法访问 jarfile /snap/vue/1/jar/vue-1.0-SNAPSHOT.jar

我是第一次尝试安装 vue cli。

我尝试使用npm install -g @vue/cliyarn global add @vue/cli并且它似乎安装正确。

但是,如果我运行vue create my-projectvue --version,则会出现以下错误:

Picked up _JAVA_OPTIONS: -Dswing.defaultlaf=com.sun.java.swing.plaf.gtk.GTKLookAndFeel
openjdk version "1.8.0_242"
OpenJDK Runtime Environment (build 1.8.0_242-8u242-b08-0ubuntu3~18.04-b08)
OpenJDK 64-Bit Server VM (build 25.242-b08, mixed mode)
Error: Unable to access jarfile /snap/vue/1/jar/vue-1.0-SNAPSHOT.jar
Run Code Online (Sandbox Code Playgroud)

我的操作系统是 Ubuntu。

ubuntu vue.js vue-cli

14
推荐指数
3
解决办法
8337
查看次数