vue项目的搭建(vue-cli)简单概括

1.node环境

node官网下载 下载稳定版本的 

2.vue安装

$ npm install vue

3.vue-cli安装

$ npm install vue-cli -g

4.使用vue-cli搭建的模板

cd到自己建的文件夹 在文件夹下运行

vue init webpack (name)

name为可选的项目名,不写直接在此文件夹下建项目。

init完后都是填写一系列问题,这些问题即是最后生成的package.json 是根目录下整个项目的配置文件

5.文件解析

开始不会有这么多文件,这个目录是我做的项目中需要的一些,刚生成的目录应该只有index.html,package.jon,babelrc文件

index.html是vue的html,因为为spa应用,babelrc是es6转码

build文件是配置文件 主要是webpack配置文件,satic是一些静态资源

src是我们主要操作的文件夹

store文件夹是我用vuex状态管理器用的 api是请求接口文件

assets是静态资源 components是页面存放地 当然完全可以自己建 注意路由的配置路径就好了

router路由文件

main.js比较重要 定义全局的参数 一些全局组件的注册

posted @ 2018-10-08 14:26  Loughacker  阅读(58)  评论(0)    收藏  举报