vue-cli的使用

什么是单页面应用程序?

​ 单页面应用程序(Single Page Application)简称SPA。指的是一个web网站中只有唯一的一个html页面,所有的功能与交互都在这个唯一的页面内完成。

什么是vue-cli?

​ vue-cli是Vue.js开发的标准工具。它简化了基于webpack创建工程化的vue项目过程。

• 有了vue-cli我们就不需要花费大量的时间手动配置webpack。
• 基于vue-cli创建出来的项目就可以快速开发单页面应用程序。

vue-cli中文官网: https://cli.vuejs.org/zh/

1.vue-cli的安装

打开cmd终端->执行终端命令

npm install @vue/cli -g

查看vue-cli版本号

vue -V

2.vue-cli的使用

​ 基于vue-cli快速生成工程化的vue项目。

(1).到要创建项目的目录下,终端命令创建vue项目

vue create 项目名称

(2).选择Manully select features(第三个预设)

• 前两个预设会立即开始创建项目(自动帮我们把babel,eslint配置好)
• 第三项就是我们手动选择安装哪些功能。

(3).使用空格选择自己项目所需的预设

(4).选择vue版本

(5).选择css预处理器(less)

(6).选择In dedicated config files

• 把Babel,ESlint等插件的配置项,放到独立的配置文件中

(7).选择y->填写保存的预设名

• 把以上选择的预设存起来
  

(8).执行终端命令,启动服务

cd 项目
npm run serve

此时就可以快速的生成一个Vue项目了。