1.安装Node.js
Vue.js是一个基于Node.js的框架,因此需要安装Node.js。
官网(https://nodejs.org/zh-cn/)下载对应操作系统的版本即可。
2.安装vue-cli4
Vue.js官方提供了一个脚手架工具,能够快速创建Vue.js项目,名为 vue-cli4。
使用 npm(Node.js的包管理器) 来安装:
|
通过 vue --version命令来验证是否安装成功。
3.创建Vue项目
Vue CLI 提供了一个命令行工具来创建项目。在命令行中进入项目目录后执行以下命令:
|
在进行项目创建之前会询问一些选项,例如使用哪种预处理器、是否需要Vue Router等。
按照自己的需求选择即可。
4.运行项目
Vue CLI 创建项目后进入项目所在目录,运行以下命令:
|
访问http://localhost:8080/即可查看项目效果。
【总结】
在项目中有很多功能可以用到,建议按照自己的需求选择相应的功能,使用Vue.js构建出更好的用户界面。