搭建vue專案步驟詳解

2021-10-08 11:42:38 字數 1500 閱讀 5487

檢查是否安裝成功:如果輸出版本號,說明我們安裝node環境成功

為了提高我們的效率,可以使用**的映象:

輸入:npm install -g cnpm –registry=即可安裝npm映象,以後再用到npm的地方直接用cnpm來代替就好了。

檢查是否安裝成功:

1.全域性安裝vue-cli

2.進入你的專案目錄,建立乙個基於 webpack 模板的新專案: vue init webpack 專案名

解釋:vue build ==> 打包方式,回車即可;

install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以y 回車;

use eslint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

setup e2e tests with nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;

5. 進入專案:cd vue-demo,安裝依賴

安裝成功後,專案資料夾中會多出乙個目錄: node_modules

4.npm run dev,啟動專案

5.build:構建指令碼目錄

6.config:專案配置

7.node_modules:npm 載入的專案依賴模組

8.src:這裡是我們要開發的目錄,基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案:

vue專案搭建步驟

一 安裝環境 二 搭建vue專案環境 npm install vue 全域性安裝 vue cli cnpm install globalvue cli vue init webpack 專案名稱 三 安裝並執行專案 cd 專案名稱 進入專案檔案中 npm install npm run dev 執行...

搭建vue專案環境步驟

npm install global vue cli 1 儀錶盤外掛程式中新增外掛程式,搜尋 vue cli plugin element安裝 2 安裝完成,在配置外掛程式中,第一項選擇import on demand 按需手動配置 1 儀錶盤依賴中安裝依賴,執行依賴中搜尋axios,進行安裝 2 ...

vue構建專案教程步驟詳解

按照提示進行安裝操作,直至完成。開啟命令程式輸入 如上圖則為安裝成功。使用 npm映象 npm install g cnpm registry 安裝vue cli 全域性安裝 vue cli cnpm install vue cli g檢查vue cli是否安裝成功 vue list構建vue專案 ...