我们先从零搭建一个VUE的工程,按照步骤一步步来,基本上都是固定的模式。
会的朋友直接跳过
1 。node安装
从 node官网下载安装包,从下方链接下载并安装。
2。 vue-cli 安装
打开cmd输入 npm install vue-cli -g 安装vue控制台管理命令,为后续新建项目,导入三方组件,运行项目提供支持。
3 。新建项目
执行vue init webpack vue-project命令
中间的输入参数按照下面的步骤提供,完成后使用以下命令 cd vue-project 转到新建项目的文件夹路径
输入一个你认为合适的工程名称(注意:不能有大写字母)
输入一个你认为合适的工程描述
提示你是否引入VUE路由组件,我们输入y引入VUE路由,后续我们需要使用到这个重要的组件。
提示你是否引入ESLINT组件,我们引入它,它的目的是提供一个插件化的javascript代码检测工具。
单元测试我们这里可以不引入,需要引入的同学可以自行引入。
到了这里我们一个工程就基本上创建完成了,等它下载和创建就行。
我们将命令行执行路径转到我们新建的工程目录下
4 。运行项目
npm run dev 启动该目录下新建的工程
工程构建成功后,会出现一个访问的地址,我们访问 http://127.0.0.1:8081 可看到一个VUE的默认页面