vue实战笔记--搭建开发环境脚手架

一：使用vue-cli搭建vue脚手架工具流程

1.安装node;

2.安装vue-cli：npm install -g vue-cli;  //检查vue -v;

3.创建项目获取脚手架代码：vue init webpack project_name;   // project_name为项目名称；获取脚手架代码存放到该目录下；

4.在项目根目录下安装依赖：npm install

5.启动项目：npm run dev

6.浏览器打开：127.0.0.1:8080；

二：项目文件结构



vue项目运行流程：index.html ----> main.js ---->App.vue ---->加载嵌套的组件;

三：创建一个组件的步骤

1.创建一个.vue文件；编写文件代码；包含<template></template>、<style></style>、<script></script>;并输出组件；