# vue 学习笔记

**Repository Path**: seas-lean/vue01

## Basic Information

- **Project Name**: vue 学习笔记
- **Description**: nodejs 上使用 vue 笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-17
- **Last Updated**: 2024-04-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue01

> A Vue.js project


#### 一、安装vue的步骤
    环境：windows64

    1：安装 node.js
        直接安装对应的exe

    2：执行如下命令：（D:\Program Files\nodejs）为文件（node_modules、node.exe）的同级目录，新建“node_global、node_cache”两个文件,
        npm config set prefix "D:\Program Files\nodejs\node_global"
        npm config set cache "D:\Program Files\nodejs\node_cache"

    3：将 node_global 文件加加到计算机的“path”环境变量中，然后安装其他插件，如下：
        环境变量：（重要）
        1）添加：在系统变量新建 NODE_PATH，输入路径为：D:\Program Files\nodejs\node_global\node_modules
        2）在 path 中添加 D:\Program Files\nodejs\node_global
        其他插件
        1）    npm install express -g
        2）    进入node  ,执行：require('express')
        3)     -- 第三步的环境变量直接影响 4 的第二步。

    4：安装 安装淘宝npm（cnpm）
        npm install -g cnpm --registry=https://registry.npm.taobao.org
        cnpm -v
        或者(推荐)
        npm config set registry https://registry.npmmirror.com
        npm config set registry https://registry.npm.taobao.org  （旧版 不用了）
        npm config get registry

    5：安装webpack：利用cnpm安装webpack
        npm install webpack -g     时间略长。测试安装成功的界面如下：
        webpack -v                  验证命令

    6：全局安装vue-cli。时间略长
        npm install -g @vue/cli 
        验证命令:vue -V (V要大写)

    7：新建一个项目：到指定的文件夹下，创建 “vue01” 项目，时间较长
        1）创建完整版vue：vue init webpack vue01
        2）创建简易版vue：vue init webpack-simple vue02

    8：新项目使用淘宝依赖
        npm install


#### 二、开发引用参考
    1、添加 “axios” 依赖
        1）npm install axios --save
        2）npm i axios -S   #缩写参考 i=install 、--save=-S

    2、移除 “axios” 依赖
        1）npm uninstall axios -S

    3、其他依赖添加
        1）echarts ：npm install echarts --save

#### 三、使用git上传到github
    1、git.exe安装文件路径：D:\Git
    2、计算机cmd进入欲要存放密钥的文件夹，执行 D:\Git\bin\bash.exe
    3、$ ssh-keygen -t rsa -C "登录邮箱"
       $ git config --global user.name "用户名"
       $ git config --global user.email "登录邮箱"
    4、将“xx.pub”内的内容放入 github中的settings->SSH and GPG keys->SSH keys->New ssh key

#### 四、版本更新
     1、vue版本冲突问题
       1）卸载文件：
          卸载2.x版本 npm uninstall vue-cli -g
          卸载3.x版本 npm uninstall @vue/cli -g
          
       2）不指定版本号会默认安装最新的版本
          npm install @vue/cli –g
          
       3）再进入项目重新拉依赖
          npm install