首页 > 其他 > 详细

vue学习笔记-初始化一个vue项目(1)

时间:2018-03-10 23:22:17      阅读:196      评论:0      收藏:0      [点我收藏+]

1.cnpm install -g vue-cli
Usage:
vue init <template-name> <project-name>

2.我们一般使用webpack模版构建应用
vue init webpack web04

3.安装vue-router
cnpm install vue-router --save-dev
4.npm run dev

 

简单的目录结构:

|-index.html
|-main.js 入口文件
|-App.vue vue文件,官方推荐命名法
|-package.json 工程文件(项目依赖、名称、配置)
npm init --yes 生成
|-webpack.config.js webpack配置文件

 

ES6: 模块化开发

导出模块:
export default {}
引入模块:
import 模块名 from 地址

vue学习笔记-初始化一个vue项目(1)

原文:https://www.cnblogs.com/studyshufei/p/8542288.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!