使用vue cli搭建乙個vue專案

npm i vue vue-cli -g

vue init webpack projectname  //開始搭建

// 在搭建的過程中，它會詢問以下問題
? project name projectname //專案名是否為projectnam
? project description(a vue.js project) //生成vue.js檔案？直接回車
? author (name) //作者是否為這個，登入過github就會有
? vue build (use arrow keys)
> runtime + compiler: recommended for most users
runtime-only: about 6kb lighter min+gzip, but templates (or any vue-specific html) are only allowed in .vue files - re
nder functions are required elsewhere //一般選第二個，第乙個將使用temolate模板，第二個使用render
? install vue-router? (y/n) //是否安裝vue-router
? use eslint to lint your code? (y/n) //是否使用eslint模式，一般使用，後面可以關掉
接下來的兩個會問你是否安裝測試，一般選n
然後就漫長的等待

因為eslint的原因，在使用prettier外掛程式格式化**的時候，function與()中間的空格是刪除的，但是使用eslint模式會報錯，所以需要配置專案下的.eslintrc.js檔案，在rules中多加一條配置語句：

// 函式前面必須要有乙個空格，關閉這個校驗

'space-before-function-paren': 0

使用vue cli構建乙個vue應用

第一步 安裝vue cli 在命令列視窗中輸入如下命令,回車 npm install g vue cli 安裝完成之後 使用vue v 大寫的v 檢測是否安裝成功,如下圖出現版本號,則說明安裝成功.可以通過只輸入vue命令來檢視可選的命令及引數 第二步 用vue cli來構建專案 執行如下命令,並選...

如何用vue cli快速搭建乙個vue專案

如何用vue cli快速搭建乙個vue專案 vue cli是vue的腳手架。腳手架就是工地上為了保證各施工過程順利進行而搭設的工作平台，vue cli用來快速搭建乙個vue專案。我在桌面建立乙個vuetest資料夾，然後用vs code開啟該資料夾 ctrl 加 鍵開啟終端,輸入npm v 檢視no...

使用vue cli 3搭建乙個專案

官方建議，node.js的版本，需要是8.9或者以上 建議是8.11.0 npm install g vue cli vue3.x同樣支援這種方式 vue init webpack project name 我們用最新的建立方式 這裡推薦選擇第二個，第乙個預設沒有 router 和 vuex，個人選...