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
点击下一步,直到出现步骤三。
- 3
在Windows Explorer integration选项中将“Git Bash here”和“Git GUI here”打对勾。
- 4
在“Adjusting your PATH environment”选项中,默认即可。
- 5
在“Configuring the line ending conversions”选项中,
第一个选项:如果是跨平台项目,在windows系统安装,选择;
第二个选项:如果是跨平台项目,在Unix系统安装,选择;
第三个选项:非跨平台项目,选择。
- 6
选择“Finish”,结束安装。
- 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

浙公网安备 33010602011771号