Vue-项目环境准备（node、npm、码云、Git）

1. node.js

• node.js 是一个让 JavaScript 运行在服务端的开发平台
• 在Node上运行的JavaScript相比其他后端开发语言，最大的优势是借助JavaScript天生的事件驱动机制加V8高性能引擎，使编写高性能Web服务轻而易举。
• node安装及环境配置

这里是引用下载后，在Windows上安装时务必选择全部组件，包括勾选Add to Path。
安装完成后，在Windows环境下，cmd打开命令提示符，然后输入node -v，如果安装正常，就会看到v12.6.0这样的版本号

2.npm是什么东东？

npm其实是Node.js的包管理工具（package manager）

为啥要用包管理工具呢？？？

廖雪峰说过：“因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具应运而生：大家都把自己开发的模块打包后放到npm官网上，如果要使用，直接通过npm安装就可以直接用，不用管代码存在哪，应该从哪下载。
更重要的是，如果我们要使用模块A，而模块A又依赖于模块B，模块B又依赖于模块X和模块Y，npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。否则，靠我们自己手动管理，肯定既麻烦又容易出错。”

廖雪峰说：“这话我真的说过。”

说了一大堆，npm这么好用，那它在哪嘞？

其实npm在我们安装Node.js的时候就顺便安装好了。
终端输入npm-v，应该看到版本号

不过倒霉蛋如我，也可能遇到这样的问题：

在安装nodejs之后，发现命令行除了输入npm -v能输出结果外，其余npm的任何操作都没有反应，一开始我以为是下载的比较慢，等了半小时还是没动静，只有下标在不停闪烁
　　
最后找到解决办法 —— 在C:\Users\Administrator下找到.npmrc文件并删除。然后npm就好使了。。。

3.码云

码云官网注册账号，把项目代码放到git云仓库上进行代码托管/项目管理/团队协作。

（1）个人主页——创建一个私有仓库（在码云上创建一个仓库的步骤）
（2）关联本地仓库和线上的私有仓库（需要用到Git）

4.Git又是什么鬼？！

Git是目前世界上最先进的分布式版本控制系统，没有之一！（破音）
Git教程

5.生成SSH key同步git仓库

生成ssh key教程

6.拉取Git项目

1.下载安装git bash，运行输入用户名和邮箱
2.生成ssh密钥 粘贴到公司项目github上
3.在要拉取项目的本地目录下，打开cmd，输入git init 再clone 远程仓库的地址
4.在拉取到的项目目录下 再打开cmd，git branch查看分支，然后git checkout dev 切分支
5.最后npm install

以下是遇到一些问题的解决方法链接：
1.提示平台不适合Windows，原因可能是sass
2. 提示python的问题
3.npm install卡顿问题
4. npm install - >在[email protected] postinstall脚本失败

7.命令行工具CLI

Vue 提供了一个官方的 CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。

可以使用下列任一命令安装这个新的包：

• npm install -g @vue/cli
• yarn global add @vue/cli

cmd用这个命令来检查其版本是否正确：

• vue --version

然后基于webpack初始化项目
vue init webpack my-project选项详解

最后运行项目

• npm run dev