vuejs环境搭建

1.安装node.js

首先进入node.js中文网http://nodejs.cn/下载nodejs

下载后

打开命令提示符执行下列命令(打开方式:window + r 输入cmd回车):

node -v查看安装的nodejs版本,出现版本号,说明刚刚已正确安装nodejs。PS:未能出现版本号,请尝试注销电脑重试;

npm -v查看npm的版本号,npm是在安装nodejs时一同安装的nodejs包管理器;

2.选装cnpm

因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”;

官方网址:http://npm.taobao.org

安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org

其中-g:全局安装。将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环境变量;  非全局安装:将会安装在当前定位目录;  全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过require()调用;

注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

注:cnpm跟npm用法完全一致,只是在执行命令时将npm改为cnpm(以下操作将以cnpm代替npm)。

时间: 2024-10-28 09:19:25

vuejs环境搭建的相关文章

vuejs开发环境搭建

前言:现在前端最火的是3个框架:react,vue,angular.可以说着是哪个框架大大改变了前端的地位.相对于angular来说.vue同样拥有丰富的指令,并且都是典型的MVC框架,但是vue比较轻量级一些,最主要的是,它是中国人写的.别看这是中国人写的框架,在国际上照样得到了不俗的评价. 我们在开发大型vue项目的时候,通常会搭建一些开发环境,今天就来详细的写一下搭建环境的步骤吧 打开你的命令提示符(window+r),输入cmd 第一步:准备工作 首先,你必须要确保自己的电脑上装了nod

vuejs基础入门之环境搭建

对于小白,对命令行工具使用得很少,而在学习vuejs框架时,命令行工具必不可少,因此,我对一些不懂安装vuejs环境的小白写如下教程: 1.vuejs是前端框架,环境借助于nodo.js,因此,我们先要安装node.js的环境. 2.百度{node.js},下载最新版本的nodejs环境,安装完毕打开如下命令行的: 说明一点:如果我们直接在cmd使用npm安装vue工具时会很慢,所以推荐使用淘宝的npm镜像. 3.打开了以上命令行,输入:npm install -g cnpm -registry

vue.js在windows10系统下的环境搭建

vue.js在windows10系统下的环境搭建流程 1.安装node.js(node包含了npm包管理器) node.js安装包以及源码下载地址:https://nodejs.org/en/download/ 注意:使用安装包(.msi)(作为小白的我,直接用了.exe,导致环境变量都不会自动配置,真的挺郁闷的) 下载下来以后可以直接双击安装,按照提示一步步安装. 详细的安装步骤可看网址:http://www.runoob.com/nodejs/nodejs-install-setup.htm

萌新--关于vue.js入门及环境搭建

十几天闭关修炼,恶补了html跟css以及JavaScript相应的基础知识,恰巧有个群友准备做开源项目,愿意带着我做,但是要求我必须懂vue.js,所以开始恶补vue.js相关的东西. 在淘宝上买了相关视频,前两章简介听得懵懵懂懂的,能够勉强理解.到第三章,开始有案例之后,整个人就懵了,为啥老师的一个程序文件夹那么多东西,我就一个可怜兮兮的html??等等,老师说这node.js是什么? 不是另外一个框架吗?webpack又是啥?... 一连串懵逼之后,终于发现,视频不适合我.开始找其他的途径

vue环境搭建的简单总结

Vue环境搭建的简单总结 构成: Node.js环境  cnpm npm的淘宝镜像 Veu cli 手脚架构建工具 安装node.js环境 安装node.js方法步骤https://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html: 安装cnpm 有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以需要npm的国内镜像---cnpm 在命令行中输入npminstall-gcnpm--registr

1、Vue介绍、环境搭建、项目运行

1.Vue介绍 Vue和Angular.React都是前端框架,特点: 1.单页面框架: 2.基于模块化组件化的开发模式: 3.Vue简单 灵活 高效 国内的中小企业里面用的非常多. 2.开发环境搭建 1.必须要先安装nodejs(自带NPM工具) https://cn.vuejs.org/v2/guide/installation.html 安装后,命令行验证安装情况: 2.搭建vue的开发环境 ,安装vue的脚手架工具vue-clie 官方命令行工具 npm install --global

[springboot 开发单体web shop] 1. 前言介绍和环境搭建

前言介绍和环境搭建 简述 springboot 本身是为了做服务化用的,我们为什么要反其道使用它来开发一份单体web应用呢? 在我们现实的开发工作中,还有大量的业务系统使用的是单体应用,特别是对于中小型团队来说,在项目开发之初选择服务化开发是得不偿失的,因为对于此类团队,势必所有的工作都是需要我们开发人员来做的,例如: 技术选型 业务需求分析 业务需求设计 大量的测试 运行部署 运营健康监控 ... 小团队或小公司如果开发人员把大规模的精力放在除业务之外的工作中,那么我们的开发效率势必会特别低下

一、环境搭建

1 更新到最新版本的pip(这是安装python扩展包的一个插件)命令如下: python -m pip install --upgrade pip 2 使用pip安装virtualenv,命令 pip install virtualenv  如果要指定版本号,pip install virtualenv==15.0.1(安装虚拟环境) 3 创建django虚拟环境,命令 virtualenv django_basic_venv 4 使用虚拟环境 需要进入到安装目录的Scripts文件夹下,运行

Ionic2环境搭建及文件目录介绍

[注]引用自:http://blog.csdn.net/jasonzds/article/details/53821184 1环境搭建 一年前研究混合框架,初步确定了四种方案给公司选择,ionic,hbuilder,wex5,react-native这四个框架各有优缺点,ionic和react-native是国外框架,相对好一点,文档更新很快,就不一一说了,大概的思路都是一样的,js逻辑实现,同时调用原生功能,h5,css3 UI实现,其实他们都有自己的ui框架,当时选择了国内的hbuiler,