写在前面
vue2是一个构建数据驱动的 web 界面的渐进式的轻量级框架
通常什么情况下,我会选择使用vue2?
1、移动端(有丰富的第三方UI库:Vux、Mint UI、Vuetify、Element等等)
2、有较多的数据交互和界面交互切换
3、当然是要适合单页面开发
安装
1、首先要确保你已经安装了node,没安装的可以到node官网下载安装包。
安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
1-0
2、安装vue-cli,vue-cli是一个脚手架,它为前端开发工作流提供了开箱即用的构建配置,只需几行命令就可以搭好基础架构。
全局安装vue-cli:npm install -g vue-cli
生成项目
在命令行中进入到项目目录,然后输入:
vue init webpack Vue-Project
1-1
下图是生成的项目所在文件夹↓:
1-2
要运行项目:到项目所在目录下运行 npm run dev
要打包项目:到项目所在目录下运行 npm run build
过程中有踩到坑的,欢迎评论交流~