vue环境搭建

1、Window 上安装Node.js

1、Windows 安装包(.msi)

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

本文实例以 v0.10.26 版本为例，其他版本类似， 安装步骤：

步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：

步骤 2 : 点击以上的Run(运行)，将出现如下界面：

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录，并点击 next（下一步）：

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

安装过程：

点击 Finish（完成）按钮退出安装向导。

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本

 

2、Git安装

git下载地址：https://git-scm.com/download/win

 

点击下一步，直到出现步骤三。

1. 3

在Windows Explorer integration选项中将“Git Bash here”和“Git GUI here”打对勾。

1. 4

在“Adjusting your PATH environment”选项中，默认即可。

1. 5

在“Configuring the line ending conversions”选项中，

第一个选项：如果是跨平台项目，在windows系统安装，选择；

第二个选项：如果是跨平台项目，在Unix系统安装，选择；

第三个选项：非跨平台项目，选择。

1. 6

选择“Finish”，结束安装。

1. 7

在桌面上，可以看到安装后的“Git Bash”选项，双击打开，可以进行操作了。

 

3、淘宝npm镜像（cnpm）安装

git命令行中执行

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

 

cnpm -v

查看cnpm版本号

如图说明安装成功

 

4、运行项目

将项目copy到任一目录

进入该文件夹，右键选择Git bush here

 

安装项目

$ cnpm install

sass插件安装

$cnpm i sass-loader node-sass --save-dev

运行项目

$ cnpm run dev