之前 需要设置过浏览器的调用,如果路径不对,会提示错误

需要全局按照vue
如果在控制台 输入 vue 提示没有这个命令

npm install -g @vue/cli-service-global

确保安装成功 输入 vue -V #有结果 就可以使用

如果要运行 hello.vue

在控制台输入:vue serve hello.vue # hello.vue 是文件名

这个方法 在webstorm中,报错太多,有些错误都很难排除
把上边的命令 放到ubuntu中的 cmd中,就可以使用了

下边的是重要的参考

vue serve是用来单独开发一个vue组件用的,参考:快速原型开发快速原型开发

你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展:

npm install -g @vue/cli-service-global

vue serve 的缺点就是它需要安装全局依赖,这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发

你所需要的仅仅是一个 App.vue 文件:

<template>
  <h1>Hello!</h1>
</template>

然后在这个 App.vue 文件所在的目录下运行:

vue serve

vue serve 使用了和 vue create 创建的项目相同的默认设置 (webpack、Babel、PostCSS 和 ESLint)。它会在当前目录自动推导入口文件——入口可以是 main.js、index.js、App.vue 或 app.vue 中的一个。你也可以显式地指定入口文件:

vue serve MyComponent.vue

如果需要,你还可以提供一个 index.html、package.json、安装并使用本地依赖、甚至通过相应的配置文件配置 Babel、PostCSS 和 ESLint

设置淘宝镜像源

原因是资源的问题,要配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
 
配置完成后检验是否成功
npm config get registry

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐