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就可以了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。