使用idea搭建第乙個Vue專案

2021-10-13 09:00:00 字數 835 閱讀 8453

建立命令

在命令列工具cmd,或者intellij idea的terminal中進入想要構建專案的目錄,輸入vue init webpack project-name,回車

webpack預設版本為2.0,若要指定1.0,需在webpack後加上#1.0,即vue init webpack#1.0 project-name

接下來會出現幾個提示,分別是輸入專案名稱、描述、作者等,按實際情況選擇即可。

?project name ---- 專案名稱,init命令時也填了個project-name,如果無需更改,直接回車即可;

?project description ---- 專案描述,按需填寫。無需填寫可以直接回車;

?author ---- 作者

?vue build ---- 構建模式,一般預設第乙個;

?install vue-router? ---- 是否安裝vue-router。選y。後邊構建專案會用到。

?use eslint to lint yout code? ---- 格式校驗,按需;

?set up unit tests ---- 測試相關,按需;

?setup e2e tests with nightwatch? ---- 測試相關,按需;

?should we run 『npm install』 for you after the project has been created? ---- 按需,這裡我選yes, use npm。如果選no,後續自己在目標

目錄下執行npm install即可。

停止命令

在terminal中ctrl + c停止專案,或者在idea當中新增npm配置執行、停止命令

搭建第乙個Vue專案

如果沒有什麼問題的話,nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd,輸入命令 npm v 我的結果如下,表示安裝成功,npm已新增至系統環境變數 npm畢竟是國外的,抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...

在idea中使用yarn搭建乙個vue專案

全棧開發,總切換前端的編輯器覺得很麻煩,乾脆就用idea搞 必備的外掛程式要先裝好,在上面生成的空目錄中,開啟idea的terminal 在指令介面中輸入 1.全域性新增腳手架,如果以前新增過,就可以跳過這一步 yarn global add vue cli 2.檢查vue是否被安裝,以及版本號,2...

使用idea建立第乙個springboot專案

前言 如今springboot越來越火,越來越多的公司選擇使用springboot作為專案的開發框架,其設計目的就是用來簡化spring專案的搭建和開發過程,省略了傳統spring springmvc專案繁瑣的配置,可以讓開發人員快速上手。下面詳細說明下如何使用idea建立我們的第乙個springb...