Vue CLI 是一個基于 Vue.js 的快速開發工具,它提供了腳手架、插件、webpack 等常用功能的集成,幫助我們快速搭建項目。以下是使用 Vue CLI 創建項目的步驟:
1. 安裝 Node.js
首先,我們需要去 Node.js 官網下載最新的安裝包,然后安裝 node 和 npm。
2. 安裝 Vue CLI
我們可以使用 npm 或者 yarn 安裝 Vue CLI,命令如下:
npm i -g vue-cli // npm 安裝
yarn global add vue-cli // yarn 安裝
3. 創建項目
命令行輸入以下命令來創建項目:
vue create<項目名>
這里,我們以 "vue-demo" 為例子創建一個新的項目:
vue create vue-demo
4. 選擇預設配置
創建項目時,Vue CLI 會讓我們選擇預設的配置。
default (babel, eslint):采用 Babel 和 ESLint 的基礎配置
Manually select features:手動選擇配置
這里我們選擇 default 配置,按下回車即可。
5. 安裝依賴
等待預設配置完成后,我們需要進入項目目錄,安裝項目依賴包:
cd vue-demo
npm install // npm 安裝
yarn // yarn 安裝
6. 啟動項目
依賴安裝完成后,我們可以運行以下命令來啟動項目:
npm run serve // npm 啟動
yarn serve // yarn 啟動
然后在瀏覽器中輸入 http://localhost:8080 就可以看到項目效果了。