composer create-project laravel/laravel=5.4.* laravel5.4_mix

新建数据库 laravel5.4_mix

修改中国时区，在 config/app.php 中修改

'timezone' => 'PRC',

切换目录

cd laravel5.4_mix

运行 serve

php artisan serve

执行 npm install

npm install

如果 windows 报以下错误

pngquant-bin@4.0.0 postinstall

就得以管理员身份运行 Windows PowerShell

同时执行以下命令

npm i --registry https://registry.npm.taobao.org --ignore-scripts

如果报 bootstrap 的错误，修改 package.json

"bootstrap-sass": "3.4.1",

然后再执行 npm install

二、mix

官方文档：https://laravel.com/docs/5.4/mix

打开 package.json

scripts 的属性即命令，比如

npm run dev

线上执行

npm run production

修改 webpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
    .version();

重新执行

npm run dev

修改 resources/views/welcome.blade.php

访问：http://127.0.0.1:8000，打开审查

发现 app.css 文件后面带了版本号，这样就可以避免浏览器缓存问题