vue專案搭建(比較詳細)

2021-10-10 03:16:15 字數 1198 閱讀 5216

在這之前我已經安裝了git,在桌面或資料夾右鍵會有git base的選項(類似cmd的命令列)

如果不安裝git,也可以使用系統自帶的cmd命令,操作是一樣的

建立專案

vue init webpack "xfly-admin"

這裡每一步需要回車或者輸入y或n之後回車(注意y表示yes,n表示no)

? project name ( my-project ) 敲y, 回車既可

?project description ( a vue.js project ) 敲回車既可

?author ( ****** ) 敲回車既可

? vue build ( user arrow keys ) 敲回車既可

? install vue-router?(y/n)敲y回車既可 (是否安裝路由)

?use eslint to lint your code? (y/n) 敲n回車既可(是否安裝eslint )

?set up unit tests (y/n) 敲n回車既可 ( 單元測試, 個人覺得不安裝選擇n )

?setup e2e tests with nighwatch?(y/n) (  e2e測試,個人覺得不安裝選擇n )

?should we run `npm install` for you after the project has been created? (recommended) (use arrow keys)

(最後乙個選項本來想建立之後自己再npm install的,但是git base命令列沒辦法改變這個選項)

安裝完成之後

按照其最後提示的命令即可執行專案

在瀏覽器中輸入位址,回車即可訪問

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...

Vue專案搭建

vue cli 專案搭建及常用外掛程式安裝,報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...

vue專案搭建

1 安裝 映象,用cnpm裝東西很省事,目前沒被坑過 一下命令在cmd中完成 可以不按裝 npm install g cnpm registry 2 安裝vue腳手架 cnpm install g vue cli測試是否成功安裝 vue v 3.進入安裝的資料夾目錄,構建檔案結構目錄 vue ini...