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 ...