搭建vue全家桶

Posted 2020-09-28 Nothing

1、直接利用vue-cli脚手架快速搭建

（1）全局安装vue-cli

npm install -g vue-cli

（2）创建项目

vue init webpack-simple my-project-name

　　1、项目名字

　　2、项目描述

　　3、作者名字

　　4、是否使用sass

2、切换至项目下安装依赖

npm install

3、安装vue-router

npm install vue-router --save-dev

4、修改webpack.config.js的输出路径，改成绝对路径（静态页面也能显示完全）

/dist/ 改成./dist/

5、修改index.html的script的src输出路径同样改成绝对路径（静态页面也能显示完全）

/dist/ 改成./dist/