vue cli腳手架搭建vue專案

2021-08-15 05:58:23 字數 873 閱讀 4038

之前一直有朋友問我vue專案的搭建,最近空下來整理總結了一番。

1. vue-cli

首先來介紹一下vue-cli,官方是這麼解釋的:

a ****** cli for scaffolding vue.js projects.

需要node.js(>=4.x, 6.x preferred),npmversion 3+ andgit

官方**:

官方git:

安裝node環境

node -v檢測是否安裝node。

在安裝node的時候,會自動安裝npm,npm -v檢視npm是否安裝成功

安裝vue腳手架工具vue-cli

npm install --global vue-cli
建立乙個基於 webpack 模板的新專案

vue init webpack pro
cd pro
npm install
npm run dev

搭建VUE腳手架 vue cli

確保node.js和npm cnpm都安裝好的情況下,檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是 映象的npm,相對npm更快更穩定,配置命令 npm install g cnpm registry 在用 vue.js 構建大型...

搭建Vue腳手架(vue cli)

1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...

Vue腳手架vue cli搭建

vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候,會自動安裝npm 可以先行檢視npm版本...