使用vue-cli腳手架進行項目的搭建

vue-cli搭建項目

1.安裝環境

npm install -g @vue/cli
或者使用 yarn 
yarn global add @vue/cli

安裝完成後，還可以用這個命令來檢查其版本是否正確：

vue --version

2.在vscode裏打開終端

運行以下命令來創建一個新項目：

vue create hello-world

按照以下步驟進行配置
2.1 選擇默認樣式 還是進行手動選擇

default 是選擇之前默認保存的樣式
Manually select features 是手動選擇功能
當我們第一次使用vue-cli來搭建項目的時候，使用方向鍵選擇第二個，使用空格進行選中，按下回車進行下一步

2.2 現在是進行插件的選擇

這裏我們選擇 Babel、Router、Vuex、CSS Pre-processors 根據個人需要來進行選擇
因爲我們要對樣式進行設置，所以我選擇了CSS Pre-processors
需要對數據進行統一的 狀態管理，所以選擇了 Vuex
需要配置好多頁面，所以選擇 Router

2.3

是否使用history模式的路由器，我們需要的是hash模式的，所以選擇 n

2.4

這裏選擇css的預處理器，根據個人喜好，我們這裏選擇的是Sass/SCSS (with node-sass)

2.5

這裏了是詢問將配置文件放在哪裏，我們選擇放到package.json裏

2.6
是否將本次的設置保存爲預設，方便下一次的使用。根據個人喜好，此處就不在進行建議
然後回車，就會創建好相應的項目

�🎉  Successfully created project hello-world .
�👉  Get started with the following commands:

 $ cd hello-world
 $ yarn serve

只需要 根據提示 切換到相應的目錄，然後yarn serve運行就可以啓動了

這樣，使用cli腳手架搭建一個項目就搭建好了,接下來就是對於項目的改建