在Vue中编辑代码时没有任何变化

Question

我刚开始使用Vue.js而后端我有Laravel 5.

问题如下:我尝试编辑视图页面中的任何数据,组件甚至HTML,但没有任何变化,我不知道为什么.

现有网站有一个工作页面,完成了Vue.但是当我尝试从源.vue文件中修改某些内容时,没有任何变化.

也许它与缓存有关,不知道......

我没有使用npm,我只是在apache下获得了在Linux VM中运行的代码.

-

我的package.json像这样开始:

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },

但在机器上我找不到安装npm.这可能吗？这里发生了什么？

更新

我修复了npm和node的安装,但是在运行时npm run dev我得到了错误.在此处查看错误日志

Answer 1

使用Laravel时,必须使用NPM (节点)安装所有依赖项.您可以通过npm install在Laravel项目目录中的命令行运行来完成此操作.

之后,安装了Laravel(例如Vue,还有Axios和jQuery,参见Package.json文件)的所有预定义依赖项.

要使用Vue组件(以及JS代码和scss等其他资源),您必须编译它们.使用一个新的Laravel项目,你可以通过npm run dev它来编译资源/资源文件夹中的所有js/scss.因此,如果您对Example.vue文件进行了更改(始终使用新项目安装),则运行npm run dev,如果一切正常,您就可以看到新的更改.

为了方便起见,您可以运行npm run watch.此命令将不断检查您是否对资产进行了更改.因此,如果该命令处于活动状态,并且您对Vue组件进行了更改,它将自动为您编译.

希望这会有所帮助.