vue.js在windows本地下搭建环境和创建项目

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

首先vue.js的作者是中国人,所以说他是国产的,吸收了google的angular.js和facebook的react.js的特性,摒弃了jquery传统的DOM操作,采用数据绑定和指令等概念,可以说是未来WEB端开发的趋势,但是也并不代表jquey就淘汰了,存在即合理,jq应该在以后会有其他领域的价值,这里我就不多说了。

说了这么多,我们还是开始怎么搭建vue.js的环境吧。首先要搭建vue的环境需要借助node.js的npm的包管理器。这个npm我就不详细介绍了,网上自己去百度,反正后面要安装的一系列的依赖或者包都要用到这个。

一、node.js的安装

node.js近几年很火热,开始我以为是一门语言,其实只是一个平台,他封装了chorme v8的引擎,可以直接用js作为服务器端脚本语言。https://nodejs.org/en/download/进去该网站下载最新版本的node,


vue.js在windows本地下搭建环境和创建项目_第1张图片
下载地址

注意npm版本是3.8以上的就行。后面就是下一步下一步的安装就可以了。安装完成后,wind+r  弹出cmd,输入node -v 和 npm -v  分别查看版本号,代表node.js安装完成。


vue.js在windows本地下搭建环境和创建项目_第2张图片
查看版本

出现过的问题

vue.js在windows本地下搭建环境和创建项目_第3张图片
node 不是内部或外部命令 也不是可运行的程序

系统环境变量设置


vue.js在windows本地下搭建环境和创建项目_第4张图片
系统环境变量设置

二、node.js的环境变量的新建。

其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装根目录,在当中新建“node_global”和"node_cache"两个文件夹。


vue.js在windows本地下搭建环境和创建项目_第5张图片

1、启动CMD依次执行以下两条命令

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

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


vue.js在windows本地下搭建环境和创建项目_第6张图片
执行命令

命令执行之后不能立马生成文件夹,稍微等几分钟。

你可能感兴趣的:(vue.js在windows本地下搭建环境和创建项目)