檢查是否安裝成功:如果輸出版本號,說明我們安裝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專案 ...