Vue项目构建与管理--基础环境篇
Node.js
特性介绍
-
Node.js是运行在服务端的 JavaScript。
-
Node.js是一个基于Chrome JavaScript 运行时建立的一个平台。
-
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
安装配置
下载
安装
以windows环境为例,安装node.js(.msi安装包)
-
Node.js默认安装目录为 "C:\Program Files\nodejs" , 你可以修改目录，并点击 next（下一步）：
image
-
点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）
image
-
点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：
image
-
点击 Finish（完成）按钮退出安装向导
image
验证
-
有效性
image
NPM
简介
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题
解决的问题
-
允许用户从NPM服务器下载别人编写的第三方包到本地使用
-
允许用户从NPM服务器下载别人编写的第三方应用程序到本地使用
-
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
缺点
由于npm利用国外的镜像仓库下载比较慢,所以我们需要添加国内的源进行下载(以淘宝数据源为例)
npm install -g cnpm --registry=https://registry.npm.taobao.org
命令
- 安装 cnpm install
- 更新 cnpm update 模块名称
- 查询 cnpm search 模块名称
- 查看 cnpm list
webpack
简介
一个前端资源加载/打包工具
能解决什么问题？
-
它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用
-
模块化，让我们可以把复杂的程序细化为小的文件;
-
类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能能装换为JavaScript文件使浏览器可以识别；
-
scss，less等CSS预处理器
安装
cnpm install webpack -g
vue-cli(脚手架)
简介
一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目
安装
cnpm install -g vue-cli
