vue2+vue-cli搭建项目

写在前面

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

过程中有踩到坑的，欢迎评论交流~