Vue—上手实践—环境搭建

NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架，包括Jquery、AngularJS、VueJs都有。为了后面学习方便，我们需要先安装node及NPM工具。至于为什么vue需要使用Node可以参考：为什么vue前端项目要使用nodejs 和 node.js和npm的关系

1、下载地址：Node.js

推荐下载LTS版本。完成以后，在控制台输入node -v可看到版本信息：

node -v

2、NPM

Node自带了NPM了，在控制台输入npm -v查看：

npm -v

npm默认的仓库地址是在国外网站，速度较慢，建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具nrm，我们首先安装nrm，这里-g代表全局安装。可能需要一点儿时间

npm install nrm -g

然后通过nrm ls命令查看npm的仓库列表,带*的就是当前选中的镜像仓库：

nrm ls

通过nrm use taobao来指定要使用的镜像源：

nrm use taobao

然后通过nrm test npm 来测试速度：

nrm test npm

注意：有教程推荐大家使用cnpm命令，但是使用发现cnpm有时会有bug，不推荐。

Vue—上手实践—环境搭建相关推荐

Vue.js学习总结（1）——Windows下Vue.js开发环境搭建
Vue.js是一套构建用户界面的 "渐进式框架".与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已 ...
Vue的基本环境搭建
环境搭建安装webpack npm install webpack -g 安装vue脚手架 npm install vue-cli -g 创建一个文件夹放工程,终端进入该目录 cd进入该目录根据模 ...
react native连接mysql_react-native上手之环境搭建及连接模拟器
使用react-native创建应用app,环境搭建很重要.我使用的是夜神模拟器进行模拟. 环境搭建 1.安装java jdk (1)官网下载java jdk安装包,傻瓜式安装,下一步下一步 (2) ...
react-native上手之环境搭建及连接模拟器
使用react-native创建应用app,环境搭建很重要.我使用的是夜神模拟器进行模拟. 环境搭建 1.安装java jdk (1)官网下载java jdk安装包,傻瓜式安装,下一步下一步 (2) ...
vue框架开发环境搭建
说明该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工. 第一步:下载并安装Node.js 安装包请移步Node中文官网,直接点我进去找就行打 ...
Vue.js开发环境搭建的介绍
包含了最基础的Vue.js的框架,包含了打包工具和测试工具,开发调试的最基本的服务器,不需要关注细节,只需关注Vuejs对项目的实现 npm在国内的网络使用较慢,所以推荐下载安装淘宝的镜像 1: 2: ...
Vue—上手实践—快速入门
原文地址:Vue快速入门目录 3.快速入门 3.1.创建工程 3.2.安装vue 3.2.1.下载安装 3.2.2.使用CDN 3.2.3.推荐npm安装 3.3.vue入门案例 3.3.1.HTM ...
vue.js开发环境搭建
环境准备 Node.js Javascript的运行时环境 npm Node.js下的包管理工具 webpack 前端资源模块化管理和打包工具 vue-cli 脚手架构建工具 cnpm npm的淘宝镜 ...
vue.js入门环境搭建
1.node.js环境(npm包管理器) 2.vue-cli手脚架构建工具 3.cnpm npm的淘宝镜像安装node.js 从node.js官网下载并安装node,安装过程一路"下一步& ...

Vue—上手实践—环境搭建

Vue—上手实践—环境搭建相关推荐

最新文章

热门文章