我无法弄清楚如何在Vue CLI项目中拥有多个页面.现在我的主页上有一些组件,我想创建另一个页面,但我不知道该怎么做.我应该创建多个html文件,默认情况下index.html是?在一个简单的文件结构中,css js img文件夹和html文件作为页面,我知道创建另一个html文件意味着创建另一个页面.但我不明白它如何与Vue CLI项目一起使用.
我在Vue文档中看到了诸如vue-router和"pages"之类的内容,但我对它们并不了解.我有什么选择?是否有一个指南详细解释,因为我找不到任何,更不用说详细了.如果你能提供帮助,我们将非常高兴!谢谢!
新的Vue.js 3.0插件架构很不错,但似乎缺少一个路由器插件.如果我在第一次创建项目时选择不安装路由(vue create my-project),我希望以后可以改变主意并添加类似的路由vue add @vue/router,但该插件似乎不存在.事后是否有办法从CLI添加路由?
我不明白每个文件的确切用途。
假设,我想在 main.js 或 App.vue 中放置身份验证代码,我应该将其放置在哪里
我正在使用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) 我想将组件之一中我的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)
但是图像没有显示。路径正确。我的错误在哪里?谢谢你的帮助。
当我尝试时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 cli 3生成的Vue项目,我的热重装突然停止在我的浏览器中工作.终端仍然会选择对代码所做的更改,但是,我的浏览器没有获取更改.我必须手动刷新才能获取新的更改.正如其他一些人所建议的那样,我手动设置poll: true了我vue.config.js,我也尝试设置代理,但都没有成功.
有什么建议让这个工作再次成功吗?
我是第一次尝试安装 vue cli。
我尝试使用npm install -g @vue/cli和yarn global add @vue/cli并且它似乎安装正确。
但是,如果我运行vue create my-project或vue --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。