在搭建vue之前,我们要有最基本的配置环境。
1、安装node.js.
在浏览器里搜索node.js,进入官网。或者可以进入网址(https://nodejs.org/en/download/)
根据自己电脑系统进行下载。
安装之后,使用快捷键win+R键,并输入并进入cmd.
输入node -v可以查看node.js的版本,这就说明node.js安装成功了。
2、安装vue的相关工具。
首先我们来进行第一步,安装webpack.输入指令npm install webpack -g
第二步,安装vue-cli脚手架。输入指令npm install vue-cli -g,安装好以后,我们可以输入指令vue -V,进行检查。
用脚手架构建项目之前新建一个文件夹。
回到命令提示符。进入新建的项目目录。
执行命令 vue create vuetest(注意:这里的vuetest是自己新建的项目名),另外这里提醒一下,有些会出现vue create 命令仅限vue-cli3使用,这时候就可已通过NPM uninstall -g vue-cli和NPM install -g @vue/cli来升级到vu-cli3.
升级以后的结果如下。
然后通过上下键来选择版本,这里我们选择第三个自定义配置。
然后会出现9个选项,我们选择1、4、5、7,我们分别点击这几个数字就可以选中了。
enter进入之后选vue2.
enter进入选择使用history模式
ESLint代码语法错误检测方式选择标准。
后面选择Lint on save 和选择n
enter以后就进入项目的创建。
输入提示的指令就可以了
复制http://10.3.157.69:8080/在浏览器打开。
看到这个页面就搭建成功了。在后面只要在cmd里输入指令vue ui就可以进入该页面。
总结:vue-cli是vue开发项目的脚手架,脚手架是一个工具,安装完脚手架之后可以通过一些命令快速实现项目基础环境的搭建,不用自己一个一个地配置各种文件,帮我们自动生成规范性的项目文件目录。