Vue Cli4搭建Vue專案

2021-10-03 18:20:15 字數 1096 閱讀 8171

npm install -g @vue/cli
檢視腳手架版本

隨後建立專案

vue create vue-next-test
選擇第二個

選擇相應的配置,不要選擇linter不然會後悔的

下一步輸入y,然後選擇相應的css

然後在選擇第乙個

再輸入y,然後回車就完事了

1、npm install

2、npm install vue-cli -g //全域性安裝vue-cli

3、npm -v //檢視是否安裝vue

4、npm install webpack -g(

)(建立專案前安裝webpack)

5、vue init webpack xx //建立專案和專案名稱

6、前三隨便選,第四行standalone,第五行yes,六-九no

(安裝成功)

7、cd xx //進入路徑,一般不用輸入這行

8、npm i //安裝依賴,如果有就不用安裝,檢視檔案是否以後node_m..

9、npm run dev //執行專案

附加:npm uninstall vue-cli -g (解除安裝vue-cli)

npm uninstall webpack

(解除安裝webpack)

npm cache clean --force //清除快取

使用vue cli4快速搭建vue專案demo

使用vue cli4快速搭建乙個可用作demo的專案。無步驟如下 全域性安裝vue指令包 npm install g vue cli 安裝之後,你就可以在命令列中訪問vue命令。你可以通過簡單執行vue version,看看是否列印出當前安裝的vue cli版本號,來驗證它是否安裝成功。使用vue ...

vue學習 vue cli4建立專案與目錄結構簡介

vue學習 vue cli4建立專案與目錄結構簡介 目錄 2 專案結構簡介內容 版本簡介 vue cli 4.4.6 vue腳手架,搭建vue專案 vue2.6.11 vue框架核心 命令列或者git bash切換至需要建立專案的目錄,以本人使用目錄為例 e phpstudy pro www dev...

vue cli 搭建vue專案

安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...