目录
Vue是什么
一、nodejs安装
二、安装Vue CLI
三、创建Vue项目
四、配置vue.config.js文件
五、创建第一个应用hello word
Vue是什么
Vue是一款用于构建用户界面的 JavaScript 渐进式架构既可作为库(仅关注视图层)也可扩展为框架,支持从静态页面到复杂单页应用(SPA)的渐进式开发。并提供了一套声明式的、组件化的编程模型,可以实现数据双向绑定,自动同步数据与视图,无需手动更新dom。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。
一、nodejs安装
安装步骤参考《nodejs安装步骤》
二、安装Vue CLI
打开终端或命令提示符,使用npm(Node.js的包管理器)来全局安装Vue CLI:
npm install -g @vue/cli
验证Vue CLI版本:
在命令行中输入:vue --version 或者 @vue/cli --version
如果可以正确输出版本号,说明vue-cli框架安装成功
三、创建Vue项目
安装完Vue CLI后,你可以使用以下命令来创建一个新的Vue项目:
例如,如果你想创建一个名为vue-element-app的项目,你可以运行:
vue create vue-element-app
1、在创建过程中,Vue会询问你一些配置选项,你可以根据自己的需要选择。