一、项目初始化步骤
- 安装vue脚手架
- 通过vue脚手架创建项目
- 配置vue路由
- 配置Element-UI组件库
- 配置axios库
- 初始化git远程仓库
- 将本地项目托管到Github或码云中
二、基础命令
1.npm -v 包管理工具的版本
2.node -v
3.vue -V 或vue --version 查看脚手架的版本
4.npm uninstall vue-cli -g 删除旧脚手架
5.cnpm install @vue/cli -g 安装脚手架
6.$ npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像
三、环境搭建
1.全局安装nrm包: npm i -g nrm
2.查看当前所有可用的镜像源地址以及当前所使用的镜像源地址: nrm ls
3.切换镜像源地址(例淘宝镜像): nrm use taobao
4.添加源: nrm add 源的名称 https:// 地址
5.删除某个源:nrm del 源名称
6.测试源的速度:nrm test
7.安装脚手架: npm install -g @vue/cli
8.创建一个项目:vue ui
四、可视化面板
1.创建-桌面-文件夹-输入项目名称-初始化git仓库:init project
2.预设-手动
3.功能:Babel–Router–Vuex–使用配置文件
4.使用hash模式,兼容性更好
5.插件: 安装vue-cli-plugin-element–选择按需加载
6.依赖:
安装依赖–运行依赖–axios
安装依赖–开发依赖–less-loader和less两个依赖
7.任务:serve运行–启动app
五、git基础命令
git status 查看文件状态
git add . 所有文件添加到暂存区
git commit -m “添加提交备注”
git push 提交到github的远程仓库
git pull 更新项目到本地
git checkout -b 例分支名:login 创建分支
git checkout 例分支名:login 切换分支
git branch 查看分支
git merge 例分支名:login 合并login分支到主分支上
git push -u origin 例分支名:login 将本地的login子分支推送到云端