色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

cli創(chuàng)建項目vue2vue3

吉茹定1年前8瀏覽0評論

Vue 2.x 和 Vue 3.x 有許多不同的地方,其中最明顯的就是 API 的變化。Vue 3.x 推出的 Composition API,可以讓我們更好地組織組件邏輯,同時還有更好的性能表現。

如果想要創(chuàng)建 Vue 2.x 的項目,我們可以直接使用 Vue CLI。不過如果要創(chuàng)建 Vue 3.x 的項目,我們需要使用 Vue CLI 4.5.0 版本及以上的 CLI 工具。在這篇文章中,我們將介紹如何使用 Vue CLI 創(chuàng)建 Vue 2.x 和 Vue 3.x 的項目。

創(chuàng)建 Vue 2.x 項目

創(chuàng)建 Vue 2.x 項目
# 全局安裝 Vue CLI
npm install -g @vue/cli
# 創(chuàng)建項目
vue create my-project
# 選擇默認配置(preset),或手動勾選需要的插件
1. Manually select features
2. Babel, Router, CSS Pre-processors
# 選擇 CSS 預處理器
1. Sass/SCSS
# 選擇 Lint 工具
1. ESLint + Standard config
# 是否保存 preset 為默認選項
N

上述命令中,我們全局安裝了 Vue CLI,然后使用 `vue create` 命令創(chuàng)建項目。在創(chuàng)建項目時,我們可以選擇默認的 preset,也可以手動勾選需要的插件。例如,我們選擇了 Router、CSS 預處理器 Sass、ESLint + Standard config。

創(chuàng)建 Vue 3.x 項目

創(chuàng)建 Vue 3.x 項目

在使用 Vue CLI 創(chuàng)建 Vue 3.x 項目時,我們需要使用 Vue CLI 4.5.0 以上版本的 CLI 工具,并添加 `--next` 參數。

# 全局安裝 Vue CLI
npm install -g @vue/cli@next
# 創(chuàng)建項目
vue create my-project --next
# 選擇默認配置(preset),或手動勾選需要的插件
1. Manually select features
2. Babel, Router, CSS Pre-processors
# 選擇 CSS 預處理器
1. Sass/SCSS
# 選擇 Lint 工具
1. ESLint + Standard config
# 是否保存 preset 為默認選項
N

我們可以看到,在創(chuàng)建項目時,我們添加了 `--next` 參數。這樣就可以創(chuàng)建出 Vue 3.x 項目了。

現在,我們已經學會如何使用 Vue CLI 創(chuàng)建 Vue 2.x 和 Vue 3.x 的項目了。如果你想進一步深入學習 Vue 3.x 的 Composition API,可以查看 Vue 官方文檔里的相應章節(jié)。