PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;
这样就可以把后⾯全局安装的装到global⾥并且可以直接⽤命令使⽤。
2. 安装webpack
npm install webpack -g
3. 安装vue脚⼿架
npm install vue-cli -g
新建vue.js项⽬
新建项⽬⽂件夹,终端进⼊该⽬录
  新建的话,可以在当前系统盘下直接新建,也可以切换盘符,然后在当前的磁盘⾥新建⽂件项⽬,如下⽰例
cd ⽬录路径
根据模板创建项⽬
vue init webpack-simple ⼯程名字<⼯程名字不能⽤中⽂>或者创建 vue1.0 的项⽬vue init webpack-simple#1.0 ⼯程名字<⼯程名字不能⽤中⽂>
命令 vue init webpack vue_project(最后这个是创建的项⽬⽂件夹的名字)
⼯程⽬录如图
  初始化完成,就到当前的磁盘⾥到你的项⽬⽂件夹,⾥⾯使⽤了脚⼿架vue-cli的和webpack提供的模板进⾏了创建。⽬录结构⼤概如下所⽰
安装项⽬依赖
  安装 vue 路由模块vue-router和⽹络请求模块vue-resource,进⼊该项⽬执⾏:
npm install vue-router vue-resource --save 
启动项⽬
npm run dev
运⾏下载的Vue demo
下载demo,并解压到运⾏⽂件中
  可以从github克隆下来,然后将项⽬⽂件夹放到某个⽂件中,在终端进⼊该⽂件⽬录,⽐如 :
f:\cd domo_vue
在本地安装
npm install  //可使⽤缩写 npm i
运⾏
npm run dev      //回车,会⾃动弹出浏览器窗⼝,默认地址为 localhost:8080
服务器端运⾏
npm run build
  会⽣成静态⽂件,在根⽬录的dist⾥,⾥⾯有个index.html,这是服务器访问的路径指定到这⾥就可以访问我们⾃⼰的项⽬了。但是我发现个问题就是⽣成index.html⾥引⽤的css和js的引⽤路径不对,这时候就需要⾃⼰修改⼀下配置了。
进⼊config/index.js,修改配置,搭建完成。如下图⽰例:
附录
淘宝的npm镜像安装⽅法
输⼊如下指令安装npm镜像:
npm install -g cnpm –registry=registry.
  以后再⽤到npm的地⽅直接⽤cnpm来代替就好了因为npm在国内下载速度是很慢,推荐使⽤cnpm。
运⾏报错处理
运⾏就报错
'NODE_ENV' 不是内部或外部命令,也不是可运⾏的程序或批处理⽂件。npm ERR! Windows_NT 6.1.7601npm
ERR! argv "D:\\nodejs\\" "D:\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"npm编程入门先学js
原因
这是windows不⽀持NODE_ENV=development的设置⽅式解决
安装across-env: npm install cross-env --save-dev
在NODE_ENV=xxxxxxx前⾯添加cross-env就可以了。