手把手教你如何创建vue脚手架项目（最详细！）

Vue-cli安装流程以及部分npm命令

shift

node -v

npm config set registry http://registry.npm.taobao.org[/code] 
输入
npm install vue-cli -g//在全局安装
vue-cli
的依赖

安装完毕后输入
vue
检查
vue
是否安装完毕

输入
vue list
查看可安装的
vue
模板

输入
vue init webpack XXX
//创建模板为
webpack
的
vue
项目名字为
XXX


Project name XXX
//项目名

Project desrciption XXX XXX
//项目描述

Author
 //创建者的名字/邮箱（可不填）

以下选项输入Y/N

UseESLint to lint your code?
//是否启用ESLint语法检查（推荐N）

Pick an ESlint preset
//填N

Setup unit tests with Karma + Mocha?
//是否启用单元测试（填N）

Setup e2e tests with Nightwatch
//填N

按提示输入
cd XXX
进入当前目录下（即项目目录）

输入
npm install
 安装项目模块依赖（较久）

安装完成

输入
npm run dev
 //运行项目

Mac
因为系统原因

需要本机最高权限即电脑锁屏密码

安装任何软件时需要在前面加上
sudo

如
sudo npm install vue-cli -g

否则将会报权限不足的错误

Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! at Error (native)


npm指令
npm -v
查看npm版本

npm install npm -g
安装npm至全局（windows）

cnpm install npm -g
使用国内镜像安装npm至全局

npm run dev
运行项目

npm run build
打包项目