安装vue脚手架首先得安装好node.js,在配置好环境,这里我也就不说了,大家可以去网上搜一搜,
官网地址我先放在这,大家可以去看看。Node.js (nodejs.org)https://nodejs.org/zh-cn/
首先我们讲一讲安装vue脚手架(vue-cli)所会碰到的一些常见的问题。当我们碰到这些问题是,当然是问百度了,百度上也会出现各种各样的解决办法,当然在安装过程中也会碰到各种很气怪的问题,百度上总是解决不了,是不是很烦恼,等等看看我说的问题是不是大家所碰到的问题,也希望对各位有所帮助。
我们在全局安装vue脚手架 npm install vue-cli -g或npm install -g @vue/cli(注意这里每个词之间都有空格)。当我们在安装时可能会报如下错误:
这里的问题可能是权限问题,当有权限问题时,我们可以打开文件夹找到相关文件,然后右击,点击属性然后点击安全在点编辑,最后就是勾选完全控制确定就可以了。
以上就是cmd相关权限修改。
还有就是当你先安装了webpack时,他就会出现一些冲突 如下图
这时呢我们就要把webpack给卸载了,卸载我们只要在cmd中输入 npm uninstall webpack -g指令就行了如下图所示:
不要以为当这些完成后就已经大功告成了,不不不,后面还有呢。(哈哈哈!)
这时就要轮到你来做选择了(不要跟我说什么成年人从来不做选择,选就全都要)
这时就会出现如下的情况:
? Project name ( my-project ) 敲y, 回车既可
?project description ( A Vue.js project ) 敲回车既可
?Author 敲回车既可
? Vue build ( user arrow Keys ) 敲回车既可
? Install vue-router?(Y/n)敲Y回车既可
?Use ESLint to lint your code? (Y/n) 敲n回车既可
?Set up unit tests (Y/n) 敲n回车既可
?Setup e2e tests with Nighwatch?(Y/n)敲n回车
?Should we run `npm install` for you after the project has been created? (recommended) (use arrow Keys)
(注意:这里的y表示yes,n表示no)
(此图只供参考)
最后一步就是,会出现一个网址地址 http://localhost:8080/,这时你只要复制到浏览器就可以了,出现以下图
出来当前这个界面,恭喜你,就表示安装成功!然后你就可以开始你的vue的新旅程了!如果你出现的问题一直解决不了,就是找了很多资料,一直没有办法解决,我建议你可以卸载node重新安装。
(个人比较懒,就写这些了,希望对大家有用,如不尽相同望谅解)