Vue Cli安装

前言

很久之前就想做自己的博客,一直有各种事情和理由没有完成这个小计划。最近突然想完成这个计划了,每天抽点时间学点新东西,今天查了好多资料,想搭建一个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项目

你可能感兴趣的:(Vue Cli安装)