vue學習-vue-cli4建立專案與目錄結構簡介 目錄
2、專案結構簡介內容
版本簡介
@vue/cli
4.4.6
vue腳手架，搭建vue專案
vue2.6.11
vue框架核心
命令列或者git bash切換至需要建立專案的目錄，以本人使用目錄為例：e:\phpstudy_pro\www\dev\webplace\project
執行建立專案命令：
vue create 專案名稱選擇專案所需依賴（元件)
選擇是否使用history router模式
vue-router 利用了瀏覽器自身的hash 模式和 history 模式的特性來實現前端路由（通過呼叫瀏覽器提供的介面）。 我這裡建議選n。這樣打包出來丟到伺服器上可以直接使用了，後期要用的話，也可以自己再開起來。 選yes的話需要伺服器那邊再進行設定。 use history mode for router? (requires proper server setup for index fallback in production)
選擇css 預處理器
新建立的.vue檔案，預設sass ,我們一般選擇如圖選項，可以後面自己更改。
選擇如何存放配置
選項一：配置檔案單獨存放；選項二：統一存放在package.json檔案中。這裡我們一般選擇單獨生成配置檔案。
選擇是否儲存當前的配置
是否把當前建立選項儲存為乙個預置檔案（模板檔案），用於將來建立新專案。一般選擇否，會根據專案不同，選擇不同選項。
等待專案初始化完成
建立成功，訪問
main.js：入口檔案
.browserslistrc：配置使用css相容性外掛程式的使用範圍
.eslintrc.js：配置eslint
.gitignore：配置git忽略的檔案或者資料夾
babel.config.js：使用一些預設
package.json：專案描述既依賴
package-lock.json：版本管理使用的檔案
readme.md：專案描述
Vue Cli4搭建Vue專案
npm install g vue cli檢視腳手架版本 隨後建立專案 vue create vue next test選擇第二個 選擇相應的配置，不要選擇linter不然會後悔的 下一步輸入y，然後選擇相應的css 然後在選擇第乙個 再輸入y，然後回車就完事了 1 npm install 2 np...
vueCli3以及vueCli4建立vue專案
1.首先解除安裝舊版本 npm npm uninstall vue cli g yarn yarn global remove vue cli2.更新node版本 需要8.9以上 3.安裝vue cli3 npm npm install g vue cli yarn yarn global add ...
使用vue cli4快速搭建vue專案demo
使用vue cli4快速搭建乙個可用作demo的專案。無步驟如下 全域性安裝vue指令包 npm install g vue cli 安裝之後，你就可以在命令列中訪問vue命令。你可以通過簡單執行vue version，看看是否列印出當前安裝的vue cli版本號，來驗證它是否安裝成功。使用vue ...