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

时间:2022-11-17 02:39:44

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技术文章 https://www.jianshu.com/u/a8a87034f23e