Vue文件是怎么用浏览器看的啊?项目是怎么启动的啊?
来源:2-3 Vue的组件

qq_小馋猫_1
2017-06-29
如标题
2回答
-
慕桂英9204669
2017-06-30
两种方法:
1、尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。你可以在浏览器新标签页中打开它,跟着例子学习一些基础用法。或者你也可以创建一个本地的 .html 文件,然后通过如下方式引入 Vue:
<script src="https://unpkg.com/vue/dist/vue.js"></script>
2、不推荐新手直接使用 vue-cli,尤其是对 Node.js 构建工具不够了解的同学。
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev(启动项目)
10 -
fishenal
2017-06-30
慕桂英9204669 给的意见很好。
我课程里讲到的vuejs项目是 基于nodejs 和npm的,用脚手架工具安装好项目,装好依赖,通过npm run dev命令会在本地启动一个localhost,用浏览器访问localhost:8080(端口可以自定义)就可以访问当前项目。具体的方法你可以参照前面的课程,也可以看一下官方文档。
00
相似问题