vue-cli webpack构建项目

vue-cli webpack构建项目

• 安装node.js及vue-cli模块
  网上下载最新的node.js就行。安装之后设置目录到系统环境变量中。
  通过命令可以查看node.js是否安装成功.

  node -v
  

  查看npm版本

  npm -v
  

  可以通过命令对npm进行升级

  npm install npm -g
  

  你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

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

  查看是否安装vue-cli如果没有安装

  ##查看是否安装
  cnpm list vue-cli -g
  ##安装命令
  cnpm install vue-cli
  

• 创建项目
  在指定的创建项目目录

  F:
  cd F:/html5/
  mkdir vue
  cd vue
  

  使用vue-cli初始化项目

  vue init webpack-simple myvue
  

  一路回车
  

  cd myvue
  ##安装成生的package.json
  cnpm install
  ##运行vue
  cnpm run dev
  

  如图
  
  运行页面
  

  OK。结束！！！