vue腳手架搭建流程

2021-09-25 23:09:12 字數 569 閱讀 8887

前提安裝好node不再贅述

可以在自帶的命令列中執行,也可以在webstome中執行

安裝cnpm

npm install -g cnpm --registry=

安裝webpack;這一步可以省略,反正你也不會用

cnpm install webpack -g

全域性安裝vue

cnpm install -g vue

全域性安裝vue腳手架

cnpm

install

-g vue-cli

使用腳手架建立新

專案;要先使用cd 命令

轉到要放置

專案的目錄

vue init webpack my-

project

接下來會有專案的配置;

你看不懂無所謂;一路按enter就行

完成後安裝專案依賴檔案;先cd命令轉到專案的根目錄

cnpm

install

接下來可以啟動監聽埠了

npm run dev

你可以看到乙個演示的例子

剩下的就是寫vue了;

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...