前言
很久之前就想做自己的博客,一直有各种事情和理由没有完成这个小计划。最近突然想完成这个计划了,每天抽点时间学点新东西,今天查了好多资料,想搭建一个laravel➕vue的博客,之后还想扩展一些其他功能,这个是个大方向吧,只是想记录一下,以后不至于忘记(写给自己的文章)
今天从搭建Vue-Cli开始说起,首先要安装node.js环境
什么是Node.js (来自官网)
1.它是一个Javascript运行环境
2.依赖于Chrome V8引擎进行代码解释
3.事件驱动
4.非阻塞I/O(NodeJS遇到I/O事件会创建一个线程去执行,然后主线程会继续往下执行的)
5.轻量、可伸缩,适于实时数据交互应用
6.单进程,单线程
Node.js的优缺点
NodeJS适合运用在高并发、I/O密集、少量业务逻辑的场景(高并发、聊天、实时消息推送)
优点:
高并发(最重要的优点)
NodeJs更改连接到服务器的方式,每个连接发射(emit)一个在NodeJS引擎进程中运行的事件(Event),放进事件队列当中,而不是为每个连接生成一个新的OS线程(并为其分配一些配套内存)
适合I/O密集型应用
缺点:
不适合CPU密集型应用;CPU密集型应用给Node带来的挑战主要是:由于JavaScript单线程的原因,如果有长时间运行的计算(比如大循 环),将会导致CPU时间片不能释放,使得后续I/O无法发起;
解决方案:分解大型运算任务为多个小任务,使得运算能够适时释放,不阻塞I/O调用的发起。
只支持单核CPU,不能充分利用CPU;
可靠性低,一旦代码某个环节崩溃,整个系统都崩溃(原因:单进程,单线程);
解决方案:
Nnigx反向代理,负载均衡,开多个进程,绑定多个端口;
开多个进程监听同一个端口,使用cluster模块。
Debug不方便,错误没有stack trace。
Node.js的安装
1.访问 Node.js官网 ,下载最新版本。
2.双击下载文件,按照步骤默认安装
Node.js和npm安装完成
3.安装完成后打开终端,输入
这两个命令,如图出现版本信息,说明安装成功。
如果是Windows电脑,需要添加环境变量,否则cmd控制台输入上面两个命令可能会提示非内部指令;添加完环境变量之后,如果依然提示非内部指令,请关闭并重新打开一次cmd
为了学习cli,必须了解一下几个npm命令
npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以淘宝团队分享了使用国内镜像来代替国外服务器
-g(global)参数 全局安装
npm root -g 查看全局安装的文件夹位置
vue-cli2的安装
npm install -g vue-cli
cnpm install -g vue-cli
npm和cnpm用法都是一样的,只是下载的来源不同
手动指定从哪个镜像服务器获取资源
npm install -gd express --registry=http://registry.npm.taobao.org
为了避免每次安装都需要registry参数,可以永久设置
npm config set registry http://registry.npm.taobao.org
-S 和 -D参数
-S (--save) 安装包信息将加入到dependencies(生产阶段的依赖)
-D (--save--dev) 安装包信息将加入到devDependencies(开发阶段的依赖),所以开发阶段一般使用它
i是install的缩写(注意前面没有"-")
所以命令也可以用i来代替install
npm i -g --save --dev vue-cli
npm i -gd vue-cli (这行是上一行命令的缩写形式)
带-g是以全局的方式安装,如果没有g,只是本地环境的安装,如果安装失败,可能是缺少初始化的配置文件package.json,可以使用npm init -f来初始化,-f参数是用来跳过回答一些参数的配置,全部用默认值来配置,如工程名、项目名称等。
npm install -g cnpm --registry=http://registry.npm.taobao.org
这行命令用来安装cnpm指令,以后可以用cnpm来操作
Mac安装命令,如果遇到权限错误,记得前面加sudo
vue-cli安装完成之后,可以用vue -V来查看版本号
安装到此结束了,下一篇将是创建一个vue-cli2项目