1. 安裝node環(huán)境 https://nodejs.org/zh-cn/download/
下載 當(dāng)前長(zhǎng)期支持版: 12.18.3 (包含 npm 6.14.6)
2. 安裝 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安裝vue-cli腳手架構(gòu)建工具
cnpm install -g @vue/cli
4. 創(chuàng)建項(xiàng)目
vue create 項(xiàng)目名稱
(1)通過鍵盤上下鍵,選擇到手動(dòng)配置 再按 Enter鍵進(jìn)入下一步
(2)通過鍵盤上下鍵,選擇需要的插件 前面括號(hào)(*)代表選中
根據(jù)需求選擇對(duì)應(yīng)的插件,下面的流程會(huì)對(duì)選擇的插件進(jìn)行配置選擇。
選擇Router (通過上下鍵移動(dòng)到Router 按空格鍵選中,如果取消再按一次即可)再按 Enter鍵進(jìn)入下一步
(3)使用默認(rèn)的2.X 按 Enter鍵進(jìn)入下一步
(4)路由模式設(shè)置 設(shè)置 n 按 Enter鍵進(jìn)入下一步
(5)設(shè)置配置文件存放位置 使用默認(rèn) 按 Enter鍵進(jìn)入下一步
(6)是否將本次設(shè)置保存為預(yù)設(shè)配置 選擇 n 等待安裝完成。
(7)啟動(dòng)項(xiàng)目
cd demo 進(jìn)入項(xiàng)目
npm run serve 啟動(dòng)項(xiàng)目
啟動(dòng)后,就可以通過 提示的地址進(jìn)行訪問 http://localhost:8080