零基础 使用vue-cli搭建项目

 Vue-cli 是 vue 官方提供的用于搭建基于 vue+webpack+es6 项目的脚手架工具 

第一步 安装node

第二步 安装vue

npm install vue

第三步 安装脚手架

npm install -g vue-cli

第四步 创建一个项目

vue init webpack project(项目名称)

第五步 进入项目 下载依赖文件

cd project 
npm install

第六步 运行项目

npm run dev

访问http://localhost:8080

|-- build : webpack 相关的配置文件夹(基本不需要修改) 
|-- config: webpack 相关的配置文件夹(基本不需要修改) 
|-- index.js: 指定的后台服务的端口号和静态资源文件夹 
|-- node_modules |-- src : 源码文件夹
 |-- main.js: 应用入口 js 
|-- static: 静态资源文件夹 
|-- .babelrc: babel 的配置文件 
|-- .editorconfig: 通过编辑器的编码/格式进行一定的配置 
|-- .eslintignore: eslint 检查忽略的配置 
|-- .eslintrc.js: eslint 检查的配置 
|-- .gitignore: git 版本管制忽略的配置 
|-- index.html: 主页面文件 
|-- package.json: 应用包配置文件 
|-- README.md: 应用描述说明的 readme 文件