vue.js初级教程--02.环境搭建

Posted 2020-10-04

node.js

如何安装

• 官方网址

	 https://nodejs.org/en/

• 如何验证node.js安装成功

	node -v

能够解决什么问题

相较于其他服务器框架，它给系统性能能提升所带来的好处？

node.js特性

• javascript运行环境

• 依赖Chrome v8引擎进行代码解释

• 事件驱动

• 非阻塞I/O

• 轻量/可伸缩的

• 实时交互的应用面比较广(I/O密集型的服务器模型里面性能比较好)

• 单进程、单线程

解决的问题

• 并发连接数

案例

• 利用node.js http模块 我们监听端口8888 返回一个字符串

	var http = require("http");	http.createServer(function(request,response){	
		response.writeHead(200,{‘Content-type‘:‘text/plain‘});	
		response.end(‘hello world\n‘);


	}).listen(8888);

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 init webpack 项目名称

安装依赖

	cd 项目目录
	cnpm install

运行项目

	cnpm run dev

打包项目

	cnpm run build

本文出自 “徐天友” 博客，请务必保留此出处http://mariocoding.blog.51cto.com/6328404/1961080