vue环境搭建 git+node+webpack

 

1.Git安装

• Git是什么：

  • Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。
  • 下载Git For Windows：Git，进入下载页面后，会默认自动下载最新版本的安装程序，如果长时间没反应，点击click here to download manually手动下载Git安装程序，我下载时的版本为Git-2.13.0-64-bit.exe。
  • 下载好后，安装过程和普通的桌面应用程序一样，下一步，直到完成
  • 安装完成后，在开始菜单里找到“Git”->“Git Bash”，点击后弹出一个类似CMD（命令行）窗口的东西，就说明Git安装成功了，使用git --version命令可查看安装的git版本；

 

 

2.Node.js安装

• Node.js是什么：
  • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
  • Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
  • Node.js 的包管理器 npm，是全球最大的开源库生态系统
• 下载Node.js For Windows：Node.js，进入下载页面后，根据自己的操作系统选择对应的安装包，我的电脑是64位的win10，选择的版本是node-v6.11.0-x64.msi。
• 下载好后，安装过程和普通的桌面应用程序一样
• 安装完成后，在命令行窗口，输入path命令，查看nodejs是否已配置到环境变量中，如果没有，需要手动配置，这和我们在配置JDK环境时设置path的方法一样。
• 在命令行窗口中，使用node -v命令查看安装的Node.js的版本，如果你获得下面输出结果，说明你已经成功安装了Node.js。
• 安装NPM
  在使用Vue构建大型应用时推荐使用NPM安装,NPM能很好的和诸如webpack或browserify模块打包器配合使用,同时vue也提供配套工具来开发单文件组件.由于新版的Node.js已经集成了NPM,所以无需另外安装,使用npm -v测试是否已经安装.
• npm config set registry https://registry.npm.taobao.org
• 配置后可通过下面方式来验证是否成功 npm config get registry // 或 npm info express
• 安装webpack

cnpm install webpack -g

• 全局安装 vue-cli，在系统node目录下

npm install --global vue-cli

• 下载项目、cmd到目录下安装依赖，如果报错多安装几次

npm install

• 打包项目

npm run build

• 运行项目

npm run dev   /  npm run serve