Vue3.0下载和安装教程

3.NPM方法安装缓慢。本教程使用淘宝的图像及其命令npm。有关安装和使用，请参阅。

npm版本需要大于3.0。如果低于此版本，则需要升级：

#查看版本$npm-v2.3.0#升级npmcnpm-install-npm-g#升级或安装cnpmnpm-install-cnpm-g使用Vue.js构建大型app时，建议使用cnpm进行安装。cnpm可以与Webpack或Browserify模块打包器配合使用：

#最新稳定版本$cnpm安装vue@next命令行工具Vue.js提供了一个官方命令行工具，可用于快速构建大型单页app。

对于Vue 3，应使用npm上提供的Vue CLI v4.5作为@Vue/CLI。要升级，应全局重新安装最新版本的@vue/cli：

#全局安装vue cliyarn Global add@vue/cli#或cnpm install-g@vue/cli安装后查看版本：

$vue（美元）--version@vue/Cli 4.5.11然后在Vue项目中运行：

Vue upgrade--next注意：Vue cli 3.x和Vue cli 2.x使用相同的Vue命令。如果您以前安装过vue cli 2.x，它将被替换为vue cli 3.x。

要创建项目，我们使用vue-init命令创建以下示例：

$vue-init webpack runoob-vue3-test#此处需要一些配置。默认情况下，按Enter？项目名称runoob-vue3-test？项目描述Vue.js项目？作者runoob? Vue独立生成？安装vue路由器？对使用ESLint整理代码？对选择ESLint预设标准？设置单元测试是吗？选一个测试者笑话？使用Nightwatch设置e2e测试？对创建项目后，我们是否应该为您运行“npm install”？（推荐）npm-vue-cli·生成的“runoob-vue3-test”。#正在安装项目依赖项…#===================================…输入项目，安装并运行它：

$cd runoob-vue3-test$cnpm run dev DONE在2558ms内成功编译nbsp； ； ；I您的app正在此处运行：https://localhost:8080成功执行上述命令后访问https://localhost:8080/ 。

注意：Vue.js不支持IE8及其以下IE版本。