vuecli3學習的第1天(window系統)

2021-09-27 00:12:10 字數 1063 閱讀 2827

最近1年用angular框架,接觸vue的時間越來越少,但是我個人而言還是比較喜歡vue的,以前用過elementui寫過乙個後台管理系統,今天決定學習一下vuecli3,ui框架還是餓了麼的。

閒話少敘,言歸正傳

既然我們要學習vuecli3,那我們首先要檢查一下我們的vue版本。

然後檢視你是否安裝過nodejs,而且node的版本我的是10以上。

如果你的版本不是3.0以上,需要解除安裝重新安裝

如果你解除安裝出現這個問題,可以直接安裝@vue/cli我已試過可以。

執行npm install -g @vue/cli安裝即可(如果你電腦已安裝cnpm用cnpm安裝當然更快)。

安裝完成檢查版本

如果出現這種情況,恭喜你成功安裝了vuecli3.

你需要在桌面上新建乙個資料夾比如命名為myproject,命令列進入這個資料夾。

然後建立乙個專案

安裝成功後我們檢視一下我們的專案是否成功

這樣你就可以訪問http://localhost:8080可以檢視這個專案。

如果呈現這個樣式表示你已經成功安裝並執行了這個專案

vue cli 3學習要點

只整理了一下vue cli 3的基礎內容部分,其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架,或者直接通過 vue serve 構建新想法的原型,不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中,你也會被提示選擇喜歡的包管理器...

學習vue cli3的專案搭建

關於舊版本 vue cli 的包名稱由vue cli改成了 vue cli。如果你已經全域性安裝了舊版本的vue cli 1.x 或 2.x 你需要先通過npm uninstall vue cli g或yarn global remove vue cli解除安裝它。node 版本要求 vue cli...

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8,否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置,最...