Questions tagged «vue-cli»

我刚刚安装了Vue，并一直按照以下教程使用vue-cli Webpack模板创建项目。创建组件时，我注意到它在以下内容中绑定了我们的数据： export default { name: 'app', data: [] } 而在其他教程中，我看到数据绑定于： new Vue({ el: '#app', data: [] )} 有什么区别，为什么两者之间的语法似乎不同？我在从vue-cli生成的App.vue中使用的标签内部使“新Vue”代码无法正常工作。

136 vue.js  vue-component  vue-cli 

使用Vue开发应用程序后该怎么办vue-cli？ 在Angular中，有一些命令将所有脚本捆绑到一个脚本中，然后将这些文件发送到主机。 Vue是否有相同的东西？

130 vue.js  vuejs2  vue-cli 

我只是使用命令行（CLI）初始化Vue.js项目。在CLI创建src/components和src/views文件夹。 自从我从事Vue项目以来已经有几个月了，文件夹结构对我来说似乎是新的。 用生成的Vue项目中的views和components文件夹有什么区别vue-cli？

128 vue.js  vuejs2  vue-cli  vue-cli-3  vue-cli-4 

当创建与CLI（v3.7.0）的新项目中，有之间进行选择的选项dart-sass或node-sass编译器。 它们之间如何进行比较，以使其比Vue docs中声明的更为具体？ Sass性能技巧 请注意，使用Dart Sass时，由于异步回调的开销，默认情况下，同步编译的速度是异步编译速度的两倍。为了避免这种开销，您可以使用Fiber包从同步代码路径中调用异步导入程序。为此，只需将光纤安装为项目依赖项即可： npm install -D fibers 另请注意，由于它是本机模块，因此在操作系统和构建环境上可能存在兼容性问题。在这种情况下，请运行npm uninstall -D fibers以解决问题。 ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys) ❯ Sass/SCSS (with dart-sass) Sass/SCSS (with node-sass) Less Stylus 编辑2020/01： Vue CLI 4.2.2创建新项目仍然建议dart-sass作为之前的第一个选项node-sass。然而，这里已经确定这node-sass是性能更高的选择，几乎没有人使用dart-sass（ccleve的评论）。 编辑2020/09：阿里巴赫拉米更新了广泛的答案，dart-sass是首选的node-sass被标记为已过时。 太糟糕了dart-sass，因为它是JS编译版本，性能不佳。但是，它的开发人员对此很清楚，并且正在努力提高本期中所述的性能。

122 vue.js  webpack  sass  vue-cli  node-sass 

如何在Vue-cli项目中更改端口号，以使其在另一个端口而不是8080上运行。

104 vue.js  vuejs2  command-line-interface  vue-cli 

我一直在阅读官方文档，但无法找到有关环境变量的任何信息。显然，有一些社区项目支持环境变量，但这对我来说可能是过大了。所以我想知道在使用Vue CLI创建的项目上是否有一些简单的开箱即用的功能可以正常工作。 例如，我可以看到，如果执行以下操作，将打印出正确的环境，这意味着已经设置好了吗？ mounted() { console.log(process.env.ROOT_API) } 我对环境变量和Node有点陌生。 仅供参考，使用Vue CLI 3.0 beta版。

78 node.js  vue.js  environment-variables  vue-cli  vue-cli-3 

我如何禁用ESlint在生成的项目vue-cli？ preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ] 如果删除该loader: 'eslint'行，它将无法编译，与将其设置为空字符串相同。我知道我可以ESLint在初始化阶段选择退出，但是在创建项目后如何禁用它呢？

76 javascript  webpack  vue.js  vue-cli 

我在一个新项目中使用Vue CLI 3和Vuetify 2.1，最近又研究了重写Vuetify的SASS变量。最终使它工作后，我意识到每次修改variables.scss创建的文件并重新编译项目时，完成编译都需要5分钟左右。我尝试更新package.json脚本以增加Node正在使用的内存，并且虽然修复了我收到的导致编译崩溃的错误，但现在编译时间非常慢。显示的进度（我正在使用Foreman同时运行我的Rails API和Vue服务器）如​​下所示： 17:47:29 web.1 | <s> [webpack.Progress] 69% building 916/930 modules 14 active /<path/to/app>/frontend/node_modules/css-loader/index.js??ref--9-oneOf-3-1!/<path/to/app>/frontend/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/<path/to/app>/frontend/node_modules/sass-loader/lib/loader.js??ref--9-oneOf-3-3!/<path/to/app>/frontend/node_modules/vuetify/src/components/VSwitch/VSwitch.sass 正如我提到的，这些进度在最终完成之前需要花费大约五分钟的时间。我的猜测是，因为我更新了变量，所以必须为Vuetify node_module中的每个组件和该变量的实例更新该样式。 我的问题是是否有任何方法可以加快速度？也许我设置了导致此问题的错误信息？还是这完全正常，我只需要处理一下？ main.js import Vue from 'vue'; import App from './App.vue'; import { router } from './router'; import store from './_store'; import vuetify from './plugins/vuetify'; Vue.config.productionTip = false; new Vue({ router, store, …

9 webpack  vuetify.js  vue-cli