[JavaScript知识库]Vue项目搭建步骤

一、项目需要

查看电脑是否安装过CLI工具以及版本，如果安装了2点几之前的版本，需要先卸载后重新安装

1）、vue --version：查看版本

2)、npm install -g @vue/cli：全局安装CLI工具

3)、npm run serve：项目根目录启动项目

二、创建项目

1)、创建项目：vue create 项目名

2)、选择安装模式

?3)、选择需要安装的插件

4)、 选择路由模式；这里选择n，要看项目需求决定

?5)、选择css预处理器

6)、选择插件配置文件的位置?

7)、是否保存供以后使用；在开发中可以选择n

?

?三、按需引入

1）、使用axios

安装：npm i axios --save

引入：import axios from "axios"

2）、使用ElementUI

引入：vue add? element

2.1、选择引入方式；上面是完整引入，下面是按需引入，按需引入性能更好点

?2.2、是否生成scss文件；可以选择y也可以选择n

?2.3、选择地址