手把手教学之vue-cli快速搭建脚手架

Posted jsjx-xtfh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手把手教学之vue-cli快速搭建脚手架相关的知识,希望对你有一定的参考价值。

1.自定义特征

技术分享图片

2.babel,router,vuex,css预处理器的选择

技术分享图片

3.使用history模式进行路由选择

技术分享图片

4.选择css预处理器(这里我们选择stylus)

技术分享图片

5.建立配置文件

技术分享图片

6.选择是否保存这个项目的预设

技术分享图片

7.安装包依赖,出现下图则表示安装成功

技术分享图片

8.命令行运行项目,出现下图则表示运行成功

技术分享图片

9.打开浏览器,出现下图则表示浏览器运行成功(怎么样,是不是很happy那读到这里)

技术分享图片

 

以上是关于手把手教学之vue-cli快速搭建脚手架的主要内容,如果未能解决你的问题,请参考以下文章

使用vue-cli(vue脚手架)快速搭建项目

使用vue-cli快速搭建前端项目

测开之・《使用vue-cli(vue脚手架)快速搭建项目》

vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目(上)

vue-cli脚手架快速搭建项目指南

使用vue脚手架(vue-cli)快速搭建项目