所以我犯了错误,试图摆脱所有sudo依赖.我从网站上下载了npm作为包,并进行了手动/全局安装.但似乎我总是不得不与sudo一起运行...所以我试图卸载并运行自制程序.
现在我无法获得节点或npm甚至运行...我想我必须链接brew链接他们但我收到此错误:
Could not symlink share/doc/node/gdbinit
Target /usr/local/share/doc/node/gdbinit
already exists. You may want to remove it:
rm '/usr/local/share/doc/node/gdbinit'
Run Code Online (Sandbox Code Playgroud)
我试图删除它:我已经得到了许可被拒绝.
我试过运行brew prune.我尝试卸载然后使用以下步骤重新安装:
$ brew uninstall npm
$ brew uninstall node
$ npm uninstall npm -g
$ sudo rm -rf /usr/local/lib/node_module
Run Code Online (Sandbox Code Playgroud)
我正在运行Yosemite 10.10.5.我安装了git版本2.6.0.我的自制软件已更新.一位酿酒医生给我这个警告:
Warning: You have unlinked kegs in your Cellar
Leaving kegs unlinked can lead to build-trouble and cause brews that depend on
those kegs to fail to run properly once built. Run `brew link` on these:
node
Run Code Online (Sandbox Code Playgroud)
不知道从哪里开始.我试图失去对CodeKit的依赖,并且开始运行.
使用vue cli.
出于某种原因,我的一些图像,如果我直接在scss中引用它们并且不将它们动态地绑定到我的vue对象,则会出现相对路径问题.
假设我有一个带有div的vue模板.Box有一个背景网址:
.box {background:url('../ img/box.jpg')
当我运行npm run dev时,本地工作就好了.但是当我运行构建时,它不起作用.404错误.我也试过这样做:
.box{
background: url('~../img/box.jpg')
Run Code Online (Sandbox Code Playgroud)
那没用.
所以这就是:
webpack css-loader无法在外部样式表中的url()引用中查找图像
当我在webpack.config中更改它时:
output: {
path: path.resolve(__dirname, './dist'),
publicPath: '/dist/',
filename: 'build.js'
},
Run Code Online (Sandbox Code Playgroud)
至:
output: {
path: path.resolve(__dirname, './dist'),
publicPath: './dist/',
filename: 'build.js'
},
Run Code Online (Sandbox Code Playgroud)
它将在我的webpack构建中创建Chunk Images,其中包含用于缓存的哈希.并且仅适用于未在vue对象中绑定的特定图像.
然后我必须将这些图像拖到root dist文件夹....而不是我想要做的是将它们保存在相对于html文件的img文件夹中(简单的html文件):
<html lang="en">
<head>
<meta charset="utf-8">
<title>vue</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<app></app>
<script src="dist/build.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
问题是,我是否必须从数据中绑定每个vue img ...或者如果我知道它不会被更改,我就不能直接引用图像.
或者我的sass loader/webpack中有一些我不知道的设置.
这是我的webpack配置:
var path = require('path')
var webpack = require('webpack')
module.exports = {
entry: './src/main.js',
output: {
path: …Run Code Online (Sandbox Code Playgroud) 我刚刚开始并且已经阅读了 Vue 指南。我对 ES6 的导入和导出有一些基本的了解,但想知道这样做的理想方式。
我将有几个组件需要一个原始的单一数据源,我需要从那里单独操作。理想情况下,我希望该数据位于一个单独的文件中,以便其他人可以对其进行操作。
我可以想出通过 jquery(见下文)来做到这一点,但我真的不需要打电话,因为 json 文件将是内部的:
module.exports = {
data: function () {
return {
msg: 'hello',
whatever : 'hi'
}
},
created : function() {
this.fetchData();
},
methods : {
fetchData : function() {
console.log("WORKING");
var self = this;
$.get( apiURL, function( data ) {
self.items = data;
console.log(data);
});
}
}
Run Code Online (Sandbox Code Playgroud)
}
但我也不希望所有数据都在 App.vue 文件中。我在其他地方需要它,然后需要它来替换我的数据。
这样做的最佳方法是创建另一个没有模板或样式的 Vue 文件,而只是创建它自己的 module.exports 数据对象?说 mydata.vue:
module.exports = {
data: function () {
_mydata = {
items : [ …Run Code Online (Sandbox Code Playgroud)