Vue app项目封装、登录注册、关于token的理解

Vue app项目封装、登录注册、关于token的理解

1.安装vue

	1.安装vue先安装node 
	2.安装vue使用 npm install --g vue-cli
	3.检测vue是否安装成功 使用vue --version
	4. vue2.0版本创建
		使用npm install -g vue-cli
		创建项目 vue init webpack 项目名
		启动项目 npm run dev
	5.vue3.0版本创建
		npm install -g vue@cli
		创建项目 vue create 项目名
		启动项目 npm run serve

2.vue2.0和vue3.0区别

vue 2.0项目目录配置
vue3.0项目目录配置

3.使用Vue ui创建项目

1.初始化vue ui

1.打开Vue 项目管理器

	输入vue ui

效果如下：

如果vue ui已经创建或者导入过项目，默认进入的是上一次打开项目的仪表盘，需要点击右上角的项目名称，点击“Vue项目管理器”，进入项目管理器。

2.创建项目

点击创建

点击在此创建新项目

输入项目名称，该名称会在当前路径建立文件夹，可以修改当前的路径。选择包管理器，填写初始化git仓库，可以不填。

选择预设，这个怎么选择都可以，在项目创建之后，你仍然可以通过安装插件来增加功能，在此我们选择手动配置项目，进入功能选择。选择手动然后点击下一步

我们选择了Router和Vuex这两个一般项目基本上都会用到，点击下一步

进入这个页面点击创建项目

如果需要将刚才的预设保存，填写预设名，点击“保存预设并创建项目”，这样在此创建项目可以快速使用该预设，如果不需要，则直接点击“创建项目，不保存预设”

等待一段时间，等待的时间跟选择的功能项多少和网络速度有关，

下载完成后，会自动进入项目仪表盘，如下图。

点击左侧导航“任务”——“serve”——“运行”

点击右上角启动app

进入默认启动页面，项目创建完成。