Vue-Cli 搭建——基于 webpack 的 vue.js 项目

一、 安装 node.js

1. 到中文官网http://nodejs.cn/下载安装包；
2. 命令行工具中分别输入 node -v 和 npm -v，安装成功显示出版本号;

注：后面的安装过程中，如有安装失败的情况，使用 npm cache clean 清理缓存，然后再重新安装。

二、安装 vue-cli

1. 推荐使用国内镜像来安装，设置 cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 使用 cnpm -v 查看是否安装成功;
3. 使用 cnpm 安装 vue-cli 和 webpack：1）cnpm install -g vue-cli ，2）cnpm install -g webpack
   [第二个命令可以忽略，最新的 vue 项目模板中，都带有 webpack 插件，所以这里可以不安装 webpack,安或不安不影响最新的vue项目]
4. 使用 vue -V （注意 V 大写）查看是否安装成功；

注：可以使用 npm install -g npm 来更新版本

三、生成项目

• 在你自己的软件里新建一个项目，到命令行中进入到这个项目目录输入:vue init webpack Vue-Project（其中webpack 是模板名称，传送门：https://github.com/vuejs-templates ，Vue-Project是自定义项目名称）；
  
• 进入到刚新建的项目目录，使用 cnpm 安装依赖：cnpm install，启动项目：npm run dev（或npm run dev）；

四、打包上线

• 输入 npm run build 来进行打包工作npm run build（或cnpm run build）；

五、后记

• 为什么要安装Node.js
  为了用npm，npm被写在node.js里；
  npm又是什么，它是世界上最大的软件注册表，包含超多个包（package，即，代码模块），包的结构能够轻松跟踪依赖项和版本。
  npm 由三个独立的部分组成：
  网站、注册表（registry）、命令行工具 (CLI)；
  网站：开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。
  注册表：一个巨大的数据库，保存了每个包（package）的信息。
  CLI ：通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。
• 为什么要用npm
  1）将软件包打包到你的应用程序中，或者将它们与它们结合起来；
  2）下载您可以立即使用的独立工具；
  3）使用npx运行包而不下载；
  4）与任何NPM用户共享代码；
  5）将代码制定给特定的开发人员；
  6）组建虚拟团队(ORG)；
  7）管理代码和代码依赖项的多个版本；
  8）更新基础代码时，很容易更新应用程序；
  9）探索解决同一难题的多种方法；
  10）查找正在处理类似问题的其他开发人员；