VUE实战之通过脚手架搭建项目

未经博主同意，不得以任何形式转载、复制、编辑或发布本文

一、使用VUE的原因

1.vue的优点

• 体积小：压缩后33k；
• 更高的运行效率；
• 双向数据绑定；
• 生态丰富、学习成本低。

二、安装

1.开发工具

推荐VSCode，点击前往官网下载

2.环境准备

2.1 nodeJs：点击前往官网下载
下载后解压并安装，安装步骤请另行查阅资料，本文不再赘述。
安装好之后在cmd窗口中执行node -v检验是否安装成功
2.2 全局安装webpack：

/* 执行命令 */
npm install webpack -g
/* 版本检验 */
vue -V

三、搭建项目

1.初始化项目

npm install -g vue-cli
vue init webpack vueCode

2.填写项目信息

根据提示，完成项目名称、描述、作者、其余除路由外都选no

3.打开项目，结构如下