创新实训【6】——创建vue前端项目

项目介绍

本篇记录山东大学舆情分析系统网页前端项目创建，使用vue创建开始的前端项目。

使用工具

• vscode

具体步骤

1. 打开vue项目管理器
   在cmd中输入vue ui。
   
   输入上面网址http://localhost:8000,打开vue项目管理器。
   

2. 创建项目
   在创建中选择自己项目所在的文件夹，点击在此创建新项目。
   
   在创建新项目中输入文件名，包管理器选择npm，选择下一步。
   
   预设选择手动，下一步。
   
   使用配置文件，打开Router路由，使用配置文件，关掉Formatter。
   
   
   创建项目。
   
   不保存预设。
   
   创建项目完成！
   

3. 添加插件，依赖

   选择添加插件。
   
   输入element，选择element-ui，点击安装vue-cli-plugin-element。
   
   点击完成安装，加载到项目中。
   
   点击安装依赖。
   
   安装axios。
   
   安装less-loader。
   
   安装less。
   

4. 运行项目

   点击任务，serve，运行，启动app。
   
   显示网页。
   
   用vue打开项目。
   

初始项目创建完成，下篇记录先精简初始项目，留下我们需要的东西，再填充具体东西。