一、安装Node环境
- 下载安装Node
下载地址: https://nodejs.org/en/ - 选择需求的稳定版本
- 提示:Node 版本要求
Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n,nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。
- 安装后,查看Node是否安装成功
node -v
如下图 : 出现版本号确定安装成功
二、安装Vue CLI脚手架
Vue CLI是指vue脚手架,它是一个专门为单页面应用快速搭建繁杂的脚手架,@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目,而且可用于自动生成vue和webpack的项目模板。
- 可以使用下列任一命令安装这个新的包
npm install -g @vue/cli
- 命令查看版本
vue --version
如下图:
三、创建一个Vue项目
- 运行命令创建项目:vue create
vue create 项目名
根据需求选择对应的功能模块
四、启动项目
npm run serve
五、项目目录结构
项目目录的结构