1 Vue3 入門 簡介 環境搭建

2022-07-06 19:00:12 字數 1307 閱讀 4850

vue (讀音 /vjuː/,類似於view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。目前最新版本是vue3.x。

vue3.x發布於2023年9月19日,在vue2.x的基礎上面進行了一些優化,對typescript有更好的支援。vue3.x的語法和vue2.x非常相似,如果你已經會用vue2.x,那麼學vue3.x會非常簡單。

vue 官網位址

vue3.x 中文文件位址

注意:安裝腳手架建立專案之前之前,我們的電腦上必須得安裝nodejs,推薦安裝nodejs穩定版本

guide/installation.html#cli

通過vue-cli腳手架工具可以讓我們快速的搭建vue專案,目前vue官方給我們提供了2個腳手架,vue-cli和vite。

一、通過vue-cli建立我們的專案

1.1、安裝vue-cli,在同乙個電腦上面只需要安裝一次

yarn globaladd @vue/cli

# ornpm install -g @vue/cli

# orcnpm install -g @vue/cli

如果電腦上面沒有安裝過cnpm可以通過下面命令安裝:

npm install -g cnpm --registry=

如果電腦上面沒有安裝過yarn可以通過下面命令安裝:

npm i -g yarn

1.2、通過vue-cli建立專案

vue create hello-vue3

yarn serve

二、通過vite腳手架建立我們的專案

2.1、使用npm建立

npm run dev

2.2、使用yarn建立

vue環境搭建簡介

簡單整理下vue的安裝的新建專案 安裝node.js和npm 參考其他教程 安裝vue npm install vue 安裝腳手架 vue cli npm install global vue cli 安裝完成後,執行命令檢視vue版本 vue version 安裝webpack npm insta...

vue入門環境搭建

最近,vue.js越來越火。在這樣的大浪潮下,我也開始進入vue的學習行列中,在網上也搜了很多教程,按著教程來做,也總會出現這樣那樣的問題 坑啊,由於網上那些教程都是vue.js 1.x版本的,現在用vue.js 的構建工具都已經公升級到2.0版本了 經過了一段時間的摸索和看官方的教程和api,才了...

Vue 1 搭建環境

src script 或者 src 2.6.10 dist vue.js script 1.開啟命令列輸入,根據網路環境,可能需要安裝較長時間npm install g vue cli2.到要新建的工程路徑下,建立工程 hello world vue create hello world選擇要安裝的...