码迷,mamicode.com
首页 > Web开发 > 详细

vue.js基础--Hello word!实例

时间:2019-06-26 20:45:38      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:index   目录结构   项目   npm   文件   技术   htm   install   全局   

1、新建项目文件夹,创建如下项目目录结构

技术图片

 

2、进入项目文件夹

- 输入npm init -y 初始化项目

- 生成一个package.json文件

- 全局安装live-server 用于启动项目 输入npm install -g live-server命令

3、创建一个index.html 文件,代码如下

技术图片

 

3、创建两个文件夹 分别为

1) assets

- css

- js,引入 vue.js 文件

2) example

- helloWord.html

- helloWord.html 代码如下

技术图片

 

vue.js基础--Hello word!实例

标签:index   目录结构   项目   npm   文件   技术   htm   install   全局   

原文地址:https://www.cnblogs.com/sunyang-001/p/11093687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!