一、 安装 node.js
- 到中文官网http://nodejs.cn/下载安装包;
- 命令行工具中分别输入 node -v 和 npm -v,安装成功显示出版本号;
注:后面的安装过程中,如有安装失败的情况,使用 npm cache clean 清理缓存,然后再重新安装。
二、安装 vue-cli
- 推荐使用国内镜像来安装,设置 cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
- 使用 cnpm -v 查看是否安装成功;
- 使用 cnpm 安装 vue-cli 和 webpack:1)cnpm install -g vue-cli ,2)cnpm install -g webpack
[第二个命令可以忽略,最新的 vue 项目模板中,都带有 webpack 插件,所以这里可以不安装 webpack,安或不安不影响最新的vue项目] - 使用 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)查找正在处理类似问题的其他开发人员;