打开终端
cd ~/Desktop
npm install -g vue-cli
vue init webpack blog-clientvue
红色框选出的区域 注意 yes 和 no 的选择..]webpack
以后终端会建立 blog-client 文件夹 以及相关文件 执行
cd blog-client
npm run devweb
通常状况下会报错
【注意!报错提示缺乏什么就安装什么就好】
没有其余技巧
!!!每一个人遇到的状况不同 如下只是学习方法vue-cli
例如:npm
输入命令:npm run dev
发现报错 缺乏 webpack-dev-server
(都告诉你 缺乏了 不安装等什么???等它本身长出来吗)webpack-dev-server
安装 webpack-dev-server
输入命令:npm install webpack-dev-server --save-de学习
再输入运行命令:npm run dev
又发现报错:缺乏 webpack
(安呗。。。)
安装 webpack
输入命令:npm install webpack
(安装完成的 不截图了 懒)spa
再输入运行命令:npm run dev
又又发现报错:缺乏 extract-text-webpack-plugin
(继续安呗。。。)
安装 extract-text-webpack-plugin
输入命令:npm install extract-text-webpack-plugin
(安装完成的 不截图了 懒)server
安装后 继续输入运行命令:npm run dev
继续安装缺乏文件blog
循
环
循
环
循
环
直
到
可爱的它出现...