vue 从入门到精通

  

1. 第一节安装及创建项目 1.1 安装nodejs

  https://nodejs.org/en/download/   (根据自己的电脑系统选择下载版本)
   下载完成点击【Next】一直到【install】

  node -v 查看是否安装完成

  >> v12.14.1  表示安装成功

  

vue 从入门到精通

  npm -v 查看npm是否安装成功

  >> 6.13.6  表示安装成功

  

vue 从入门到精通

1.2 安装vue脚手架

  npm install -g @vue/cli (等待安装完成)
  vue -V 查看版本

  >> @vue/cli 4.1.2  表示安装成功

  

vue 从入门到精通

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

  

vue 从入门到精通

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

  

vue 从入门到精通

  大功告成!!!

 

2. 第二节(vue.config.js,全局配置,elementui组件)

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjswd.html