vue cli3的安裝和使用

2021-10-09 11:28:45 字數 1005 閱讀 1322

可通過命令列檢視是否成功

/registry.npm.taobao.org3.安裝vue腳手架,@3是指定版本，不加則預設安裝最新版本

npm install @vue/


cli@3 -g
4.檢視vue腳手架是否安裝成功

vue -v
1.新建乙個vue專案:

vue create proj_name

2.進入專案：

$ cd proj_name

3.執行專案，腳手架是3及以上版本的用serve，3之前版本的用dev

$ npm run serve

vue腳手架2和3的區別：

1.建立專案

vue-cli2：

vue init webpack proj_name

vue-cli3:

vue create proj_name

2.目錄結構

vue-cli2：

有build和config目錄，有環境變數配置檔案，webpack配置檔案

vue-cli3:

沒有環境變數配置檔案，沒有webpack配置檔案，需要自己手動建立乙個和package.js同級目錄下的vue.config.js檔案

3.專案執行

vue-cli2：

npm run dev

vue-cli3:

npm run serve

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8，否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置，最...

同時安裝Vue CLI2和Vue CLI3的方法

如果你想體驗vue cli3的簡潔清爽，又偶爾需要使用vue cli2，那這篇帖子就是你需要的。配置方法改進於 同一臺電腦 實現 vue cli2和vue cli3同時並存 原方法使用了直接修改檔名的方式，不夠美觀，破壞式的，改進後為透傳呼叫。修改 2019 08 14 原方法使用了直接修改檔名的方...

Vue cli3 安裝bootstrap報錯

1 安裝 jquery 2 安裝 popper.js 3 安裝 bootstrap 1.1 報錯資訊 如圖所示 1.2 猜測原因 搜尋了一下報錯，大致有以下幾種情況 1 jquery popper bootstrap bootstrap 依賴於 jquery 和 popper 三者的安裝順序不正確 ...