vue-cli 安装

打开终端

cd ~/Desktop
npm install -g vue-cli
vue init webpack blog-clientvue

红色框选出的区域 注意 yes 和 no 的选择
clipboard.png..]webpack

以后终端会建立 blog-client 文件夹 以及相关文件 执行

cd blog-client
npm run devweb

通常状况下会报错
【注意!报错提示缺乏什么就安装什么就好】
没有其余技巧

!!!每一个人遇到的状况不同 如下只是学习方法vue-cli

例如:npm

输入命令:npm run dev
发现报错 缺乏 webpack-dev-server
(都告诉你 缺乏了 不安装等什么???等它本身长出来吗)
clipboard.pngwebpack-dev-server


安装 webpack-dev-server
输入命令:npm install webpack-dev-server --save-de
clipboard.png学习


再输入运行命令:npm run dev
又发现报错:缺乏 webpack
(安呗。。。)
安装 webpack
输入命令:npm install webpack
(安装完成的 不截图了 懒)
clipboard.pngspa


再输入运行命令:npm run dev
又又发现报错:缺乏 extract-text-webpack-plugin
(继续安呗。。。)
安装 extract-text-webpack-plugin
输入命令:npm install extract-text-webpack-plugin
(安装完成的 不截图了 懒)
clipboard.pngserver


安装后 继续输入运行命令:npm run dev
继续安装缺乏文件blog





可爱的它出现...
clipboard.png

相关文章
相关标签/搜索