Vue项目开发会用到node环境,Vue项目搭建会用vue-cli,如果对node不了解的同学可以搜索相关资料,自行了解一下,至于vue-cli,这是vue官方的脚手架工具,不用自己手动配置webpack,就可以利用这个工具快速的搭建vue项目,如果对webpack还不了解的小伙伴,不用担心,后面会讲解其作用,或者自己在网上搜索相关资料,提前了解~
node环境搭建
node环境搭建相对来说比较简单,我们需要去nodeJs官网下载相应的安装包,官网地址:https://nodejs.org/en/download/
-
根据自己的操作系统下载相应的安装包
安装过程
安装过程在这里就略过了,就和平时安装软件一样,如有不懂可留言私信我解答。-
检测是否安装成功
打开命令行工具,输入node -v npm -v
不出意外应该会出现node的版本号,类似于
到此为止,我们已经安装成功了node环境,如果在安装过程中出现什么问题,可留言私信我解答~
vue-cli环境搭建
vue-cli是vue官方的脚手架工具,利用这个工具我们可以快速的搭建出项目原型,官网地址:https://cli.vuejs.org/zh/guide/installation.html
- 安装vue-cli,安装很简单,只需要一行命令即可
npm install -g @vue/cli
- 安装完成后,同样的我们需要检查一下是否安装成功
vue -V
不出意外,我们会看到vue-cli的版本号,到此我们的环境就以完全搭建成功,接下来我们就可以搭建项目,进行学习了,如果在安装环境期间碰到什么问题都可留言或私信我为你解答~
上一篇:Vue从零基础到项目部署-简介