码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-03-11 00:18:20      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:temp   from   webpack   -name   目录结构   cnpm   cli   目录   npm   

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)

标签:temp   from   webpack   -name   目录结构   cnpm   cli   目录   npm   

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

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