Vue环境搭建指南

最新推荐文章于 2019-07-03 10:01:09 发布

b1097831277

最新推荐文章于 2019-07-03 10:01:09 发布

阅读量159

点赞数

分类专栏： JavaScript 文章标签： vue安装 vue环境搭建

本文链接：https://blog.csdn.net/b1097831277/article/details/88712278

版权

1 篇文章 0 订阅

订阅专栏

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

在安装Vue之前先来介绍Node.js。Node.js类比于Java中的JVM,即Nodejs是js运行时，运行环境，对于js的后台开发具有划时代的意义。
nodejs是前端的一整套工具链。
特点>

优缺点
优点：

缺点

不适合CPU密集型应用；CPU密集型应用给Node带来的挑战主要是：由于JavaScript单线程的原因，如果有长时间运行的计算（比如大循环），将会导致CPU时间片不能释放，使得后续I/O无法发起；
解决方案：分解大型运算任务为多个小任务，使得运算能够适时释放，不阻塞I/O调用的发起；
只支持单核CPU，不能充分利用CPU；
可靠性低，一旦代码某个环节崩溃，整个系统都崩溃。

安装步骤： 官网下载安装包 http://nodejs.cn/download ，如下，选择Add to Path 选项

nodejs安装

安装完毕，在命令行中输入npm -v和node -v，若出现版本号则安装成功。
升级npm: npm install -g npm

（1）在node.js安装目录下，新建node_globa和node_cache两个文件夹

缓存目录

（2）设置global和cache

	 npm config set prefix "C:\Program Files\nodejs\node_global"
	 npm config set cache "C:\Program Files\nodejs\node_cache"

（3）cnpm安装（非必要步骤由于网络波动，后面的VUE安装可能出现丢包，导致环境安装失败，若失败则回到此步骤），切记将npm和cnpm放在同一个目录下

path环境变量追加 C:\Program Files\nodejs\node_global
新建系统环境变量NODE_PATH,C:\Program Files\nodejs\node_modules

npm install vue -g
注意这时可能会报 npm权限不足的错误，解决方案有两个（推荐使用第二种方法，为了方便后续的项目初始化的依赖下载）

修改nodejs文件夹权限

安装vue-cli（全局）

npm install vue-cli -g

vue init webpack my-project
//一直按enter键
cd my-project
npm install
npm run dev

在浏览器中执行地址，至此环境搭建结束
关于webpack的学习请参考网址：https://www.webpackjs.com/concepts/

关注

专栏目录