丁香五月网久久综合,精品伊人久久久,久久强奷乱码老熟女

下面由laravel教程欄目給大家介紹laravel8.0 + vue 安裝，希望對需要的朋友有所幫助！

創建項目laravel

composer create-project --prefer-dist laravel/laravel fl_app  composer install  php artisan key:generate

安裝node

yum install wget wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz#得到 一個包 node-v12.18.3-linux-x64.tar  xz -d node-v12.18.3-linux-x64.tar.xz#得到一個目錄 node-v12.18.3-linux-x64  tar -xvf node-v12.18.3-linux-x64.tar

切換到node bin目錄 一共有三個文件 node npm  npx  src]# cd node-v12.18.3-linux-x64/bin/[root@VM-0-4-centos bin]# ll total 47508-rwxr-xr-x 1 work work 48646656 Jul 22 23:00 node lrwxrwxrwx 1 work work       38 Jul 22 23:00 npm -> ../lib/node_modules/npm/bin/npm-cli.js lrwxrwxrwx 1 work work       38 Jul 22 23:00 npx -> ../lib/node_modules/npm/bin/npx-cli.js[root@VM-0-4-centos bin]#  執行命令查看 node 版本 # ./node -v v12.18.3[root@VM-0-4-centos bin]#  截止目前為止表示node 已經可用了, 下一步是要讓 node 命令全局可用

軟連接

我的node 放在 /usr/local/src 目錄下  ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/node /usr/bin/node ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/npm /usr/bin/npm ln -s /usr/local/src/node-v12.18.3-linux-x64/bin/npx /usr/bin/npx  任意目錄 任意用戶 執行:[root@VM-0-4-centos ~]# node -v v12.18.3[huipeng@VM-0-4-centos ~]$ node -v v12.18.3表示完成

npm install npm audit fix npm audit fix npm audit fix --force npm audit npm audit npm install

改造laravel歡迎界面視圖 resources/views/welcome.blade.php

nbsp;html&gt; getLocale())?}}"&gt; ??? ???????<meta> ???????<meta>  ???????<title>Laravel</title>  ???????<!--1、 引入支持 Bootstrap 的 CSS 樣式文件 --> ???????<link>  ??? ??? ?????<div> ?????????<div> ??????<!-- 3、使用組件 --> ???????????<example-component></example-component> ?????????</div> ?????</div>??  ????<!-- 2、引入支持Vue框架和Vue組件的app.js文件 --> ?????<script></script> ???

安裝完成后，Vue組件和JS文件在resources/js目錄下；

入口文件resources/js/app.js文件

/** ?*?First?we?will?load?all?of?this?project's?JavaScript?dependencies?which?*?includes?Vue?and?other?libraries.?It?is?a?great?starting?point?when?*?building?robust,?powerful?web?applications?using?Vue?and?Laravel.?*/ require('./bootstrap');  window.Vue?=?require('vue').default;  /** ?*?The?following?block?of?code?may?be?used?to?automatically?register?your?*?Vue?components.?It?will?recursively?scan?this?directory?for?the?Vue?*?components?and?automatically?register?them?with?their?"basename".?*?*?Eg.?./components/ExampleComponent.vue?-&gt;?<example-component></example-component>?*/ //?const?files?=?require.context('./',?true,?/.vue$/i) //?files.keys().map(key?=&gt;?Vue.component(key.split('/').pop().split('.')[0],?files(key).default))  Vue.component('example-component',?require('./components/ExampleComponent.vue').default); //Vue.component('example-component',?require('./components/DemoComponent.vue').default);  /** ?*?Next,?we?will?create?a?fresh?Vue?application?instance?and?attach?it?to?*?the?page.?Then,?you?may?begin?adding?components?to?this?application?*?or?customize?the?JavaScript?scaffolding?to?fit?your?unique?needs.?*/ const?app?=?new?Vue({ ????el:?'#app', });