vue3安装_【Vue3.0】vuecli安装

1、安装 node 和 npm

安装 node8.9 之后的版本都会默认带上 npm，不过还是建议安装新版。

可以在 node中文网 下载安装，下载后傻瓜式点下一步即可。

安装完，可以打开终端验证是否安装成功。

打开控制台

win + r然后输入 cmd

输入以下命令验证 node 和 npm 是否安装成功。

node -vnpm -v

这两条命令都是用来检测版本，如果成功则会输出当前所安装的版本号

2、安装 vue-cli

windows端

npm install -g @vue/cli

mac端

sudo npm install -g @vue/cli然后输入密码

以上命令都是在全局安装 vue-cli，建议全局安装。

使用以下命令检测是否安装成功(注意，-V的V是大写)。

vue -V

我安装的版本是 v4.5.7

3、创建 vue 项目

vue create project-name

其中  project-name 是项目名称，自定义命名就行。命名规则和 Vue2.x 一样。

使用该命令前，记得先进入项目存放的目录里。

如果选择第二项，则会默认创建 vue3 项目，并且带上 babel 和 eslint。

选择第三项的时候会跟创建 vue2 项目有点区别。

vue3 已经全面支持 TypeScript，所以可以放心使用 ts 了。

4、运行和打包

运行和打包的命令和 vue2 时一直

运行

npm run serve

打包

npm run build