如题,后端程序员最近想梭个前端页面,开始研究 vue.js ,然后照着范例代码第一步 helloworld 就栽了
操作如下: 1、下载 vue.js ,构建本地目录 2、写了个测试 html,并双击使用 chrome 打开
然后得到结果如下图:
总而言之就是加载失败,一脸懵逼
==========================================================
按照我的理解,vuejs 是前端框架,那代码都应该是 chrome 里的 js 引擎跑的,所以我应该不需要安装 node 服务端,同时也不需要安装任何其他 web 引擎提供网络服务,chrome 打开这个网页的时候就能实现“执行只属于这个页面的脚本”的这个功能吧?
为啥不行??各位指点一下,谢谢
1
autoxbc 2020-01-13 06:26:09 +08:00
控制台里红字部分读一下
|
2
Plutoler 2020-01-13 06:27:17 +08:00 via iPhone
const app = new Vue(...)
需要实例化,看报错信息,不是 node 的原因。 |
3
yyfearth 2020-01-13 06:32:42 +08:00
@black11black 前端已经今非昔比了 不要在用 jQuery 时代的思维
现在前端届 NodeJS 已经不仅仅是服务器运行时 更多情况下是构建工具和脚手架运行时了 前端代码需要 transpile 转译 和 bundling 打包 后才可以在浏览器里面跑 你可以想象一下现在的 js 已经不是可以在浏览器里面直接运行的了 就像 java 和 c 一样要先编译一下 更不要说现在都流行 typescript 或者用最新的 es2020 了 不编译一下浏览器不支持的 当然如果完全要在浏览器里面远程开发 不在本地安装 nodejs 也是可行的 那么可以用 webide 或者浏览器远程环境来做到 你可以想象一下 你在浏览器里面跑一个 vscode 然后里面直接运行 node 并且输出调试的页面 |
4
yyfearth 2020-01-13 06:33:41 +08:00
不过话说回来 目前的主流框架 也是可以提供不转译可以浏览器直接运行的方法
只不过大部分脚手架框架都是需要 NodeJS 来转译和打包的 |