Vue 3已經(jīng)在2020年9月份正式發(fā)布了，相比于Vue 2，Vue 3引入了很多新特性和改進(jìn)，其中最重要的就是Composition API的引入，使得組件的邏輯更加清晰、擴(kuò)展更加靈活。接下來(lái)，我們就來(lái)寫(xiě)一篇關(guān)于Vue 3示例工程搭建的文章。

首先，我們需要安裝Vue CLI，該工具可以幫助我們快速搭建一個(gè)Vue項(xiàng)目。運(yùn)行以下命令：

npm install -g @vue/cli

安裝完成后，我們就可以創(chuàng)建一個(gè)新的Vue項(xiàng)目了。在終端中運(yùn)行以下命令：

vue create vue3-demo

接下來(lái)，我們需要選擇一些配置。在這里，我們選擇手動(dòng)配置。然后，根據(jù)自己的需要進(jìn)行選擇。

Vue CLI v4.5.11
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, TS, Router, Vuex, CSS Pre-processors, Linter, Unit
? Use class-style component syntax? Yes
? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? Yes
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass)
? Pick a linter / formatter config: Basic
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Jest
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files

之后，我們需要在項(xiàng)目中安裝一些必要的依賴。可以運(yùn)行以下命令來(lái)完成安裝：

cd vue3-demo
npm install --save-dev typescript @types/node @types/vue @vue/compiler-sfc

最后，我們可以啟動(dòng)該項(xiàng)目并進(jìn)行開(kāi)發(fā)。在終端中運(yùn)行以下命令：

npm run serve

以上就是關(guān)于Vue 3示例工程搭建的全部?jī)?nèi)容。現(xiàn)在，您可以開(kāi)始基于Vue 3開(kāi)發(fā)自己的項(xiàng)目了。