使用vue cli新建vue專案

2021-08-30 02:28:23 字數 514 閱讀 9522

安裝vue-cli

vue-cli是乙個npm的安裝包,使用-g指令將它安裝到node.js的全域性執行目錄下:

$ npm i vue-cli -g

安裝成功後就可以使用vue-cli來初始化vue專案。

使用vue-cli初始化專案

初始化專案時使用init命令,它會為我們自動建立新資料夾,並將需要的檔案、目錄、配置和依賴都準備好,具體做法如下:

$npm init webpack project-name

init命令執行後,在dos視窗會出現系列問題讓我們選擇,一路預設選擇即可。

執行專案

安裝完成後按視窗提示輸入指令:

cd project-name

npm install

npm run dev

受限於網路環境,安裝專案依賴的時間可能較長,也可以使用cnpm install 進行安裝,依賴安裝完成即可執行專案。

Vue 使用 vue cli 搭建專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 一 安裝 node.js 只是這樣安裝的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安裝 安裝完成後,可以命令列工具中輸入 node v 和 n...

vue使用vue cli建立專案

安裝執行環境 node和npm 安裝vue cli 檢視是否安裝成功vue v 安裝webpack 新建專案 1 vue init webpack 專案名稱 2 配置專案有關的資訊 專案名稱,開發者,描述,安裝路由,使用eslint 規範,測試單元 4 進入專案的資料夾下,使用npm run dev...

vue新建專案

一 前提 安裝node 使用它的包管理工具npm 全域性安裝cnpm npm比較慢,但也可以省略該步驟 全域性安裝vue腳手架工具vue cli 命令 npm install g vue cli 二 新建專案 1.在指點目錄下使用命令 vue init webpack 專案名稱 2.cd 進入專案資...