标签: vue-cli-3
Vue项目中的视图和组件文件夹有什么区别？
我只是使用命令行(CLI)来初始化Vue.js项目.在CLI创建src/components和src/views文件夹.
我使用Vue项目已经有几个月了,文件夹结构对我来说似乎很新.
生成的Vue项目中的文件夹views和有什么区别？componentsvue-cli
推荐指数
解决办法
查看次数
如何解决'vue-cli-service'不被识别为内部或外部命令？
尝试运行时出现错误npm run serve。起初我安装了 node.js，然后是 vue 以及 vue/cli。但是，当我尝试将服务器作为 -> npm run serve 运行时，我收到诸如“vue-cli-service”之类的错误未被识别为内部或外部命令。
我使用以下代码进行安装：
npm install -g vue npm install -g @vue/cli
有人可以指导我如何解决这个问题吗？
推荐指数
解决办法
查看次数
在哪里可以找到或如何在使用 vue cli 3 创建的项目中设置 htmlWebpackPlugin.options.title？
我想为我使用 vue cli 3 创建的网页设置标题，因此查看了public/index.html. 在那里，我发现<title><%= htmlWebpackPlugin.options.title %></title>.
htmlWebpackPlugin.options.titlevue cli 3 项目中如何设置和修改？
推荐指数
解决办法
查看次数
Vue-Cli：htmlWebpackPlugin 的“title”选项不起作用
我正在使用 vue-cli (3.4.1) 并且我试图简单地更改文档的标题。
我在 vue.config.js 中添加了以下内容
chainWebpack: (config) => {
config
.plugin('html')
.tap((args) => {
args[0].title = 'Custom Title';
return args;
});
},
并检查了 webpack 配置，vue inspect --plugin html结果如下
/* config.plugin('html') */
new HtmlWebpackPlugin(
{
templateParameters: function () { /* omitted long function */ },
template: '<path>\node_modules\\@vue\\cli-service\\lib\\config\\index-default.html',
title: 'Custom Title'
}
)
Webapp 的标题仍然是“Vue App”。
任何想法为什么？
PS：我不想document.title = 'Custom Title'在我的应用程序中设置某个地方。我希望在构建时更改文档元素中<title>-tags之间的标题<head>。
推荐指数
解决办法
查看次数
什么是 chunk-vendors.js 文件，它是如何创建的？(网络包)
我有一个关于在chunk-vendors.jsVue Js 应用程序的构建过程中创建的文件的快速问题。
它是什么？它是如何创建的？
我问的原因是为了更好地理解某些事情是如何结束的。我发现它实际上有一些我不想要的东西。
推荐指数
解决办法
查看次数
什么是点菜组件？我应该用吗？
使用vue-cli启动新项目时,它会询问一些问题来自定义设置.一般来说项目名称,描述,是否使用用于linting,karma和mocha的eslint进行测试等.这次它问我
? Use a-la-carte components?
我在vue-cli文档中搜索过它,但没有遇到任何问题.那么有谁可以告诉我什么是"点菜组件",如果我应该使用它？
推荐指数
解决办法
查看次数
Vue Cli 3 本地字体未加载
当尝试在 Vue CLI 3 中加载自定义本地字体时，字体仍然不会出现。我没有收到任何错误消息。检查器显示正在加载的正确规则，但字体回落到serif#app。字体没有出现在我的 dist 文件夹中的任何地方。
我尝试在 vue.config.js 中添加加载器，更改 url 路径，并将 @font-face 规则移动到不同的位置，将公共路径更改为 ' ' 和 '/'，将 scss 导入 main.js。
字体加载：
@font-face {
font-family: 'OpenSans-Regular';
src: url('/assets/fonts/OpenSans-Regular.eot');
src: url('/assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
url('/assets/fonts/OpenSans-Regular.otf') format('font-opentype'),
url('/assets/fonts/OpenSans-Regular.woff') format('font-woff'),
url('/assets/fonts/OpenSans-Regular.ttf') format('font-truetype'),
url('/assets/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
并在 App.vue 中使用：
<style lang="scss">
#app {
font-family: 'OpenSans-Regular', serif;
}
</style>
该样式放置在我的main.scss文件中。文件结构如下：
src
assets
fonts
OpenSans-Regular.eot
OpenSans-Regular.woff
etc
styles
main.scss
App.vue
vue.config.js
vue.config.js 文件如下：
module.exports = {
publicPath: '/',
css: { …推荐指数
解决办法
查看次数
Vue cli 3 显示 package.json 中的信息
在 vue cli 3 项目中，我想在网页中显示版本号。版本号在package.json文件中。
我找到的对此的唯一参考是 vue 论坛中的这个链接。
但是，我无法使建议的解决方案起作用。
我尝试过的事情
使用
webpack.definePlugin作为链接的资源：
vue.config.js
const webpack = require('webpack');
module.exports = {
lintOnSave: true,
configureWebpack: config => {
return {
plugins: [
new webpack.DefinePlugin({
'process.env': {
VERSION: require('./package.json').version,
}
})
]
}
},
}
然后在main.tsI read process.env，但它不包含 VERSION （我尝试了几个变体，比如在链接页面中生成一个 PACKAGE_JSON 字段，并生成像 'foo' 这样的普通值而不是从 中读取package-json）。它从未奏效，就像代码被忽略了一样。我猜process.envvue webpack 的东西稍后会重新定义它。
该process日志中main.ts含有，但是，所有的东西，process通常包含在VUE-CLI项目，如模式和定义的变量VUE_APP.env文件。
尝试
process在配置 …
推荐指数
解决办法
查看次数
如何在vue 3子组件中导入css文件？
我正在开发Vue 3，我需要知道如何为不同的子组件导入不同的样式表。
例如，我有 3 个子组件，假设A和B，并且我想导入样式表XinA和 样式表Zin B。
推荐指数
解决办法
查看次数
Vue cli 3热重载突然在浏览器中无法正常工作
我有一个由Vue cli 3生成的Vue项目,我的热重装突然停止在我的浏览器中工作.终端仍然会选择对代码所做的更改,但是,我的浏览器没有获取更改.我必须手动刷新才能获取新的更改.正如其他一些人所建议的那样,我手动设置poll: true了我vue.config.js,我也尝试设置代理,但都没有成功.
有什么建议让这个工作再次成功吗？
推荐指数
解决办法
查看次数
标签 统计
vue-cli-3 ×10
vue.js ×8
webpack ×4
vue-cli ×3
vuejs2 ×3
javascript ×2
fonts ×1
vue-cli-4 ×1
vuetify.js ×1