用vue cli搭建乙個新的專案過程記錄

2022-06-06 09:21:09 字數 611 閱讀 7902

首先確保本地全域性安裝過node.js, npm; 用node -v和npm -v來檢查是否安裝過以及安裝的版本號

全域性安裝webpack打包工具:  在命令列中輸入:npm install webpack -g, 安裝完成後,webpack -v檢查版本號

安裝vue-cli腳手架構建工具, 開啟命令列工具輸入:npm install --global vue-cli(cnpm install --global vue-cli), 安裝完成之後輸入vue -v(注意這裡是大寫的「v」), 如果出現相應的版本號,則說明安裝成功

在命令列工具中 cd 到專案的位置,輸入命令:vue init webpack 專案名稱,  按照指示輸入專案相關資訊: 專案名稱、專案描述、作者、打包方式、是否使用eslint規範**等等。安裝順利執行後會,生成檔案目錄

npm install初始化安裝專案依賴

cd到專案位置,npm run dev彈出專案的初始網頁(啟動方式為vue2.x-cli預設配置命令)

用Vue cli從零開始搭建乙個Vue專案

電腦環境準備 2 開啟命令提示符,安裝 映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令 npm install g cnpm registry 安裝完畢後可以在命令提示符中輸入cnpm v檢視cnpm版本 3 全域性安裝vue cli。安裝命令 cnpm install g v...

使用vue cli搭建乙個vue專案

npm i vue vue cli g2.開始搭建,並使用webpack進行管理vue init webpack projectname 開始搭建 在搭建的過程中,它會詢問以下問題 project name projectname 專案名是否為projectnam project descripti...

使用vue cli 3搭建乙個專案

官方建議,node.js的版本,需要是8.9或者以上 建議是8.11.0 npm install g vue cli vue3.x同樣支援這種方式 vue init webpack project name 我們用最新的建立方式 這裡推薦選擇第二個,第乙個預設沒有 router 和 vuex,個人選...