用vue-cli开发项目的初始配置

vue-cli项目初始化配置指南

1.安装vue-cli

npm install vue-cli -g

2.初始化vue项目

vue init webpack myproject

3.运行项目

cd myproject && npm run dev

4.小幅度修改配置

config文件夹内的index.js寻找assetsPublicPath字段，修改’/‘为’./‘。

其作用为npm run build之后输出的dist静态文件可以不基于服务器环境直接查看页面效果展示。

5.推荐配套组件

组件	作用
element UI	UI组件，集成多种PC组件效果
axios	http请求插件，与后台发请求的工具
vue-router	脚手架默认安装，管理路由的工具
vuex	数据状态管理的工具