vue环境搭建

1、Window 上安装Node.js
1、Windows 安装包(.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安装
 
点击下一步,直到出现步骤三。
  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

 

posted @ 2017-10-09 10:01  背对夕阳  阅读(276)  评论(0)    收藏  举报