vue+webpack項目搭建

項目依賴node,git,沒有的話需先下載

1.新建文件夾右鍵選擇 'Git Bash Here',

2.輸入

vue  init  webpack -S

根據提示一路enter就好了,我選擇的是 從‘? Use ESLint to lint your code?’開始 全是‘n’,等一會兒顯示

表示安裝成功

3.安裝腳手架輸入

npm  install  vue-cli 

4.輸入

npm run dev

待加載完成

在瀏覽器輸入紅色標識鏈接即可顯示

則安裝成功

打包:

npm run build

會在目錄中生成  dist文件,如果要部署服務器,直接將該包放上去就好了。

如果部署服務器刷新本頁,顯示找不到該頁面,則在 dist 文件下創建新文件 .htaccess

內容:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
             RewriteRule ^index\.html$ - [L]
             RewriteCond %{REQUEST_FILENAME} !-f
             RewriteCond %{REQUEST_FILENAME} !-d
             RewriteRule . /index.html [L]
</IfModule>

如果要去除鏈接中的‘#’:

   src>router>index.js 找到該文件,並添加

就好了

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章