1. 第一节安装及创建项目 1.1 安装nodejs
https://nodejs.org/en/download/ (根据自己的电脑系统选择下载版本)
下载完成点击【Next】一直到【install】
node -v 查看是否安装完成
>> v12.14.1 表示安装成功
npm -v 查看npm是否安装成功
>> 6.13.6 表示安装成功
1.2 安装vue脚手架
npm install -g @vue/cli (等待安装完成)
vue -V 查看版本
>> @vue/cli 4.1.2 表示安装成功
1.3 安装淘宝镜像cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
>> cnpm@6.1.1 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
>> npm@6.13.6 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
>> node@12.14.1 (D:\huanjing\nodejs\node.exe)
>> npminstall@3.27.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
>> prefix=C:\Users\Administrator\AppData\Roaming\npm
>> win32 x64 10.0.18363
>> registry=https://r.npm.taobao.org
1.4 建立项目仓库(Github|Coding)
(1) Github:
(2) Coding: https://coding.net/
(3) 安装git命令行工具 https://blog.csdn.net/qq_32786873/article/details/80570783
1.5 GIT 常用命令
(1) 拷贝项目:git clone <仓库地址>
(2) 创建分支:git branch <name>
(3) 创建并进入分支:git checkout -b <name>
(4) 切分支:git checkout <name>
(4) 查看状态:git status
(5) 添加所有文件:git add
(6) 提交:git comment -m <当前提交的描述>
(7) 拉取:git pull
(8) 推送:git push
git push --set-upstream origin dev
(9) 查看分支 git branch --list
(10) 查看分支(包含远程分支):git branch -a
(11) git clone git@github.com:XXXXXX/XXXX.git
***
问题 :git@github.com: Permission denied (publickey).
解决 :
ssh-keygen -t rsa -C "你的邮箱名"
生成秘钥文件
***
1.6 创建项目
(1) vue create vue-admin
(2) 选第一个 回车
(3) 选第二个 回车
(4) 选[1,4,5,6,7] 回车
(5) Y表示路由以后会带# ,N表示路由路由以后不带# (#/hello)
(6) 选第二个
(7) 选第四个
(8) 选第一个
(9) n
1.7 启动项目
cd vue-admin
npm run serve
大功告成!!!
2. 第二节(vue.config.js,全局配置,elementui组件)