怎么用webstrom使用vue-cli创建项目

1、什么是vue-cli

CLI（command line interfaces ）命令行接口。在进行Vue项目开发时，可以选择不同的Vue模板进行项目的搭
建，比如simple、webpack-simple、webpack、browserify/browserify-simple等；vue-cli是官方提供的一个脚
手架（预先定义好的目录结构及基础代码，咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚
手架），用于快速生成一个 vue 的项目模板。

 2、安装node.js和vue-cli

• 下载安装node.js   https://nodejs.org/en/download/
• 在node.js的cmd组件（command prompt）中安装vue-cli

如果npm命令太慢了，可以使用淘宝镜像http://npm.taobao.org/ ，此时使用cnpm代替npm

# 1. 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 2. 使用cnpm代替npm
cnpm install
cnpm run dev
cnpm run build

3、安装webpack 

 

cnpm install webpack-cli -g