Vue3 教程

菜鸟教程

NPM 方法

# 查看版本
$ npm -v
2.3.0

#升级 npm
$ cnpm install npm -g

# 升级或安装 cnpm
$ npm install cnpm -g

# 最新稳定版
$ cnpm install vue@next

# 最新稳定版
$ cnpm install vue@next

# 全局安装 vue-cli
$ cnpm install -g @vue/cli
# 安装完后查看版本
$ vue --version
@vue/cli 4.5.11

$ cnpm i -g @vue/cli-init

# 创建项目
$ vue init webpack runoob-vue3-test

# 安装并运行
$ cd runoob-vue3-test
$ cnpm run dev

Vite 方法

# 构建项目
$ npm init @vitejs/app <project-name>

# 创建项目 runoob-vue3-test2
$ cnpm init @vitejs/app runoob-vue3-test2

# 运行项目
$ cd runoob-vue3-test2
$ cnpm install
$ cnpm run dev
> runoob-vue3-test2@0.0.0 dev /Users/tianqixin/runoob-test/vue3/runoob-vue3-test2
> vite

[vite] Optimizable dependencies detected:
vue

  Dev server running at:
  > Local:    http://localhost:3000/