vue笔记1

伊始

平时学习到的知识都写在电脑的文档上，有时候想翻看还真不容易，想了想还不如写在博客上，就权当有个移动知识库，免费不花钱，说不定还能得到大佬的指点，从此走上人生巅峰迎娶白富美（划掉）。

真·入门

从下载开始记录

（都可以不在c盘）

1. 下载vue，进入官网下载开发版本。
2. 安装node.js，下载网址，控制台安装npm install -g n(升级命令$n v版本号；查看版本号node -v，npm -v)。
3. 安装vue-cli，直接控制台写npm install -g @vue/cli，回车等待安装。（卸载命令npm uninstall vue-cli -g;查看版本vue -V）。
4. 安装git，下载网址（用于windows系统），安装的时候看看那个适合选哪个。
5. （不安装element-ui也行，这是一个组件库来的而已。其余的ui组件库还有iview之类的，使用组件的时候可以直接上官网查看）安装element-ui，官网，使用的时候需要进行引入
   a.完整引入
   安装命令npm i element-ui -S
   在 main.js 中写入以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

b.按需引入
借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。
首先，安装 babel-plugin-component：npm install babel-plugin-component -D
然后，将 .babelrc 修改为：

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：

import Vue from 'vue';
import { Button, Select } from 'element-ui';
import App from './App.vue';

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或写为
 * Vue.use(Button)
 * Vue.use(Select)
 */

new Vue({
  el: '#app',
  render: h => h(App)
});

新项目

在github生成自己的项目，复制那个网址。
在电脑选一个文件夹，右键选择git bash here，输入$git clone 网址就会把项目拷贝下来。

用得上的基本命令：

• 拷贝项目$git clone 网址
• 创建分支git branch 分支名字
• 查看分支(包括远程) git branch -a
• 查看分支git branch --list
• 创建并进入分支 git checkout -b 分支名字
• 切换分支 git checkout 分支名字
• 查看状态 git status
• 添加所有文件git add .
• 提交git commit -m '提交的备注'
• 拉取git pull
• 推送git push
  （git push --set-upstream origin dev的意思

git的push的默认行为
(https://www.jianshu.com/p/0a0a27035bc7)

）

建议每开始一个功能都新建一个分支。

记录bug

$ git pull
fatal: 'fe' does not appear to be a git repository
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

解决方法：打开.git 里面的config文件，修改origin的url

解决过程：
1.先是添加了ssh key。网上挺多教程的，随便附上一个。（添加了，依旧没用）
2.找了很多乱七八糟的方法都没啥用（英文版真的烦死我了）。发现vscode有自带的：

3.推荐一个可视化工具sourcetree，也是要配置ssh的。

• 生成公钥和私钥之后。在sourcetree选择工具——选项。
• 填写自己的账号和邮箱。（这一步会有点麻烦，要先新建账号。）
• 配置“SSH密钥”地址，选择“OpenSSH”。
• 
• 在git上，添加公钥。
• 即可新建仓库拉取代码。

bug2

clone之后运行代码显示Local package.json exists, but node_modules missing, did you mean to instal output above.l?
解决方法1：直接install发现不行，要写cnpm install