一、安装Vue脚手架
安装步骤参考上篇博文及Vue-cli官方文档
二、通过Vue脚手架创建项目
通过GUI可视化面板创建项目
1.win+r打开运行窗口,输入cmd回车打开终端窗口
2.切换到要创建项目的目录,如E盘,输入E:回车,切换到E盘
3.输入vue ui 回车,打开可视化窗口
4.点击创建按钮
4.1选择要创建项目的目路确定
4.2进入详情,在项目文件夹位置,填写项目名称(必须英文)
4.3上拉打开初始化git仓库按钮,填写git初始化信息(init project ),点击下一步
4.4进入预设,可以选择之前配置好的选项,也可以点击手动配置,在此点击手动,下一步
4.5进入功能面板,选择要配置的功能打开选择按钮,下边几项都要选择,然后点击下一步
Babel
Router
Linter/Formatter
使用配置文件
4.6进入配置面板
Use history mode for router ,关闭此项
Pick a linter/formatter config,选择ESLint+Standard config
Pick additional lint features,选择Lint on save 即按ctrl+s,保存文件就会进行格式校验
4.7点击创建项目,保存刚才配置为新预设,方便下次使用
三、配置Vue路由
通过创建项目已完成路由配置
四、配置Element-UI组件库
打开项目仪表盘,打开插件选项,点击右上角添加插件
在搜索框输入vue-cli-plugin-element,选中对应插件,安装
安装完成,配置插件,Fully import(默认)改为import on demand 按需导入,点击完成安装
五、配置axios库
项目仪表盘,选择依赖选项,右上角点击安装依赖
搜索axios,选择要安装的依赖,点击安装
六、配置码云账号
6.1 安全设置---SSH公钥---点击怎样生成公钥
6.2 右键点击仓库管理,选择在新标签页打开链接
6.3 点击生成/添加SSH公钥,按如下命令生成公钥,红色部分为注册码云的邮箱
6.4 打开cmd终端,运行命令
6.5 按照提示完成三次回车,即可生成ssh key ,选中部分即为公钥存放位置
6.6 在对应路径下找到.ssh目录,打开找到id_rsa.pub文件,用编辑器打开,文件内容即为SSH公钥,复制,回到码云,把复制的公钥粘贴到公钥位置
6.7 修改标题,点击确定,输入验证密码,点击确定,生成公钥完成。
6.8 验证公钥是否可用,在终端输入 ssh -T git@gitee.com ,把公钥添加到可信任列表中
6.9 如果看到下边提示,则公钥添加成功
六、初始化git远程仓库
6.1 点击码云右上角加号按钮,选择新建仓库
6.2 在新建仓库页面填写仓库名称(项目名称),其它的默认选项即可
6.3 点击创建按钮,创建仓库,创建成功跳转仓库页面
6.4 打开终端进行Git全局配置
6.5 创建git仓库,没有创建项目选择上边流程,已有项目选择下边流程
6.6 已有项目,选择下边流程,已有仓库,找到已创建项目目录,shift+右键打开cmd终端,若第一次使用git,先运行git init命令,否则会如下错误
fatal: not a git repository (or any of the parent directories): .git 提示说没有.git这样一个目录
6.7 运行下边两条命令
git remote add origin https://gitee.com/XiaoXiaoWanZi/vue_shop.git
七、将本地项目托管到github或码云中