vue3.0从零开始到实战项目

vue3.0中文官网连接：https://v3.cn.vuejs.org/

 

一、安装node.js

1. 官方文档：https://nodejs.org/en/

安装版本必须大于12.0，建议直接安装最新稳定版本

2. 安装 node.js 的同时，一般会自动安装 npm 的，所以不用单独安装 npm 了（如有需要，也可以命令行安装：npm install -g）

3. 查看版本命令行：node -v 、 npm -v

二、全局安装vue脚手架

npm install @vue-cli -g

官方文档：https://cli.vuejs.org/zh/guide/

如果你安装的是旧版的vue-cli，需要提前卸载之后再重新安装 @vue-cli，卸载：

npm uninstall vue-cli -g

三、初始化项目

版本查看：vue -V

版本升级：npm update -g @vue-cli

创建项目：vue create projectname

注意：项目名称不能大写有字母

进入项目目录：cd projecname

运行项目：npm run serve

项目目录结构：