VUE项目新建全过程（插件安装）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

想要使用vue开发前端需要许多复杂的前置条件，在完成nodejs、cnpm、vue的安装以及环境变量的配置之后，你就可以在自己的开发平台（我用的是vscode）中编写一些简单的vue前端项目（但只包括一些简洁的非前后端交互式的单页面vue项目）

一、新建vue

	首先要在命令行dos中新建项目：vue create [Name]，然后把完成的项目的路径在命令行中的运行：npm run serve，后即可在浏览器中运行。（在vscode开发平台中，有一个名为终端的调试面板，是命令行映射，在那里的操作等同于在对vue项目进行命令行操作） 

二、插件

想要开发复杂的大功能前端vue项目，你还需要一些其他vue插件，如下图：

根据上述的插件名一一安装，格式为：npm install [Name] --save
例 ：npm install axios --save
vscode中运行安装命令后，会如上图自动完成dependencies的配置

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

三、安装问题

可能会出现如下问题：

这是由于权限问题，用管理员权限运行或把nodejs根目录属性——安全设置为“完全控制”
权限安装完后需重启计算机

又会有一些其他问题，如：

这是版本问题，在安装时设置具体的版本号即可
例：npm install vue-router@3.2.0 --save

四.项目的实用功能配置

将项目导入vscode
App.vue是页面入口文件,是网页的主页面

main.js，是整个网页的入口代码，需做以下配置才能使用路由跳转（vue-router）与前后端交互(axios)的功能

vue-router是Vue.js官方的路由插件，适合用于构建单页面应用。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。
至于我们为啥不能用a标签，这是因为用Vue做的都是单页应用，就相当于只有一个主的index.html页面，所以你写的标签是不起作用的，你必须使用vue-router来进行管理。

7.在vue中可能会遇到一些命名问题，文件必须要遵从驼峰命名格式，这个强制性规定可以在vue.config.js接触，通过lintOnSave: false