作为一个前端的菜鸟同学,之间也没学过什么框架,目前公司做项目,所用到的webpack+node.js+vue。

首先,关于node的环境部署方面,建议官网安装node.js,最好不要安装非稳定版的版本或者是低版本的,因为会在项目开发阶段产生一些未知,而且不必要的bug。

node安装步骤:1.安装node直接按照步骤一步步安装,没有什么特殊的地方,安装成功之后,按快捷键"系统+r",进入命令行(cmd),输入命令node -v(注意node后面空格哦)查看是否安装成功,并且查看版本号。

2.在node安装主目录下新建node_global和node_cache两个文件夹。

命令行输入npm config set cache "C:\Program Files\nodejs\node_cache(作为缓存的包)以及npm config set prefix "C:\Program Files\nodejs\node_global(执行此命令成功后在它的目录下会出现以下东西,当然我的里面可能已经有很多配置了的文件)。

进入计算机,右键属性,查看高级系统设置,进入环境变量对话框,在‘系统变量’下新建NODE_PATH,输入C:\Program Files\nodejs\node_global\node_modules(此步骤相当关键,选择的是你安装node.js的路径,此举例安装在C盘)。然后再将‘用户变量’中的PATH修改为C:\Program Files\nodejs\node_global\。

3.大家可能会疑惑,npm 是从哪儿冒出来的,npm是你在安装node的时候直接和它一起安装好的,这个毋庸置疑。npm是包管理器,通过它我们可以安装各种的依赖包,由于npm是国外的资源,所以在用的过程中可能出现卡顿情况,所以我建议使用国内的淘宝镜像。快捷键进入命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org下载淘宝镜像,之后就用cnpm代替npm使用。

接下来我们就随便建一个项目玩玩儿看。(1)进入cmd命令行(如果发现无法安装依赖包,就选择以管理员权限运行)输入 cnpm install webpack –g(-g是全局的意思)和cnpm install vue-cli –g(vue-cli是一个官方发布的vue.js项目脚手架,可以用它快速的创建vue项目)。(2)进入想创建项目的文件夹,这里我们以桌面(desktop)为例,首先命令行输入cd desktop,接着vue init webpack vueproject(注意项目名称一般不写中文)。然后cd vueproject进入我们的项目包,接着cnpm install和cnpm run dev,你会发现会在浏览器的某个端口打开一个页面。如下

证明我们部署完成。

node.js安装——Windows7系统下的安装及其环境部署——特别详细的更多相关文章

  1. node.js之Windows 系统下设置Nodejs NPM全局路径

    node.js 0.10 版本下修改全局路径: npm config set cache "D:\nodejs\node_cache" npm config set prefix ...

  2. windows7系统下如何安装windows xp系统(无法识别硬盘,删除隐藏分区)

    一.硬盘模式的设置 要设置好硬盘模式,否则安装操作系统的时候,根本就不识别硬盘,自然无法安装操作系统了.此步骤主要是解决无法识别硬盘的问题. 首先,进入BIOS当中,一般在advanced当中,有一个 ...

  3. 【转】Windows7系统下硬盘安装全新更高版本Windows7

    原文地址:http://jingyan.baidu.com/article/656db918aee053e381249c06.html 1.下载windows7 7600 ISO镜像(RC或RTM), ...

  4. Linux系统下yum镜像源环境部署记录

    之前介绍了Linux环境下本地yum源配置方法,不过这个是最简单最基础的配置,在yum安装的时候可能有些软件包不够齐全,下面说下完整yun镜像源系统环境部署记录(yum源更新脚本下载地址:https: ...

  5. windows系统下,gpu开发环境部署

    1,安装python,使用anaconda或者直接用python.exe安装都可以.我用的是python3.6版的 对于相关的程序包,比如tensorflow或者opencv等,anaconda可以在 ...

  6. Windows7系统下安装OpenSSL攻略

    Windows7系统下安装OpenSSL攻略 http://blog.chinaunix.net/uid-20479991-id-216269.html http://my.oschina.net/s ...

  7. linux系统下手动安装Angular-cli

    安装Angular-cli 背景 由于公司linux服务器没有外网,无法通过npm包管理器直接安装,只能手动安装一个Angular-cli平台环境! 安装步骤 1. 先再linux系统下安装好node ...

  8. 关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用

    关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用   工作环境:window下 在一切的最开始,安装node.js (中文站,更新比较慢http://nodejs.cn/) ...

  9. Git_Windows 系统下Git安装图解

    Windows 系统下Git安装图解  心得  :很成功~ 简单来说Git是一个免费的.开源的版本控制软件,从功能上讲,跟我们比较熟悉的Subversion(SVN)这类版本控制软件没什么两样.由于工 ...

随机推荐

  1. Struts2 02--通配符

       在以前没有使用Struts时,web与前台的数据交互通过Servlet+jsp页面.一个增删改查往往需要写四个Servlet来处理数据:在使用struts之后,Servlet不再被使用,而是通过 ...

  2. 小程序1_app.json配置

    1 window配置: window属性主要用于设置小程序的状态栏,导航条,标题,窗口背景色 直接在app.json里配置即可 2 tabBar底部导航 一般程序都会有底部导航栏,这个同样只要在app ...

  3. ajax请求service报405错误 - 【服务器不允许的方法】

    产生原因:web服务器找不到service方法处理请求. 检查方向: ① service方法名称写错 ② service方法参数类型与标准不一致 ③ service方法异常,返回值类型和标准不一致 ④ ...

  4. 完整Log4Net配置信息

    <?xml version="1.0" encoding="utf-8" ?> <configuration> <configSe ...

  5. win10 uwp 列表模板选择器

    本文主要讲ListView等列表可以根据内容不同,使用不同模板的列表模板选择器,DataTemplateSelector. 如果在 UWP 需要定义某些列的显示和其他列不同,或者某些行的显示和其他行不 ...

  6. mysql的读写分离

    1.laravel实现数据库读写分离配置或者多读写分离配置 config\database.php里配置 'connections' => array(      //默认mysql配置,访问t ...

  7. 关于欧几里得算法(gcd)的证明

    求a,b的最大公约数我们经常用欧几里得算法解决,也称辗转相除法, 代码很简短, int gcd(int a,int b){ return (b==0)?a:gcd(b,a%b); } 但其中的道理却很 ...

  8. JS的基本类型(小知识)

    一:js中的基本类型: 基本类型:boolen, string ,number,null,undefined 引用类型:object,和函数 二.undedifned和null的区别: 1 undef ...

  9. JS中OOP之模拟封装和继承和this指向详解

    大家好,今天我带大家学习一下js的OOP, 大家都知道,面向对象有三个基本特征,继承,封装和多态,面向对象的语言有那么几种,C++,PHP,JAVA等,而功能强大的JS可以模拟实现面向对象的两大特征, ...

  10. LeetCode 18. 4Sum (四数之和)

    Given an array S of n integers, are there elements a, b, c, and d in S such that a + b + c + d = tar ...