1:安装nodeJs,在官网下载直接安装即可----安装完成之后一般默认会进行环境变量配置,然后输入如下命令

node -v --------------此命令是查看nodejs版本号,若出现版本号则安装成功

npm -v ---------------安装了nodejs之后,会随之生成npm,也就是npm package manager ---nodejs包管理文件,出现版本号成功

创建vue-cli项目

2:全局安装vue脚手架(vue-cli)构建vue项目

1)全局安装脚手架命令-------------npm install vue-cli -g

2)安装按成之后查看vue-cli版本命令--------------vue -V

创建vue-cli项目

3)创建基于vue-cli的vue项目-----------------vue init webpack testvue01

创建项目时候,有几个选项需要注意,如下:

创建vue-cli项目

4)进入到创建的vue项目里头----------------------cd testvue01

5)运行vue项目--------------------npm run dev

3)运行完毕之后,vue项目默认不自动打开浏览器,出现如下,即点击此处运行你的项目

创建vue-cli项目

4)点击之后,项目显示如下,项目模板已经成功下载,接下来就是开发流程,

创建vue-cli项目

相关文章: