Vue从零基础到项目部署 - 环境搭建篇

Vue项目开发会用到node环境,Vue项目搭建会用vue-cli,如果对node不了解的同学可以搜索相关资料,自行了解一下,至于vue-cli,这是vue官方的脚手架工具,不用自己手动配置webpack,就可以利用这个工具快速的搭建vue项目,如果对webpack还不了解的小伙伴,不用担心,后面会讲解其作用,或者自己在网上搜索相关资料,提前了解~

node环境搭建

node环境搭建相对来说比较简单,我们需要去nodeJs官网下载相应的安装包,官网地址:https://nodejs.org/en/download/

  1. 根据自己的操作系统下载相应的安装包


    Vue从零基础到项目部署 - 环境搭建篇_第1张图片
    image.png
  2. 安装过程
    安装过程在这里就略过了,就和平时安装软件一样,如有不懂可留言私信我解答。

  3. 检测是否安装成功
    打开命令行工具,输入

    node -v
    npm -v
    

    不出意外应该会出现node的版本号,类似于


    Vue从零基础到项目部署 - 环境搭建篇_第2张图片
    image.png

    到此为止,我们已经安装成功了node环境,如果在安装过程中出现什么问题,可留言私信我解答~

vue-cli环境搭建

vue-cli是vue官方的脚手架工具,利用这个工具我们可以快速的搭建出项目原型,官网地址:https://cli.vuejs.org/zh/guide/installation.html

  1. 安装vue-cli,安装很简单,只需要一行命令即可
npm install -g @vue/cli
  1. 安装完成后,同样的我们需要检查一下是否安装成功
vue -V

不出意外,我们会看到vue-cli的版本号,到此我们的环境就以完全搭建成功,接下来我们就可以搭建项目,进行学习了,如果在安装环境期间碰到什么问题都可留言或私信我为你解答~
上一篇:Vue从零基础到项目部署-简介

下一篇:Vue从零基础到项目部署 - vue-cli的使用

你可能感兴趣的:(Vue从零基础到项目部署 - 环境搭建篇)