vue-cli脚手架以及electron的安装

vue-cli提供一个官方命令行工具,可用于快速搭建大型单页应用。现如今,随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中,如何搭建开发脚手架呢,今天我分享一下我的搭建过程。

打开命令提示符(用管理员身份) or  打开VSCode的终端(Terminal)

首先安装cnpm

1、说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
2、使用npm 安装插件: 命令提示符执行npm install <name>
3、选装 cnpm: 因为谷歌安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果谷歌的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频率目前为10分钟一次以保证尽量与官方服务同步“。

npmmirror 中国镜像站 http://www.npmmirror.com/
npm install -g cnpm --registry=https://registry.npmmirror.com

 

 

 

接下来,用npm 安装 yarn

PS:
yarn是个包管理器,是facebook发布的一款取代npm的包管理工具

输入命令:

npm install -g yarn

 

 

  vue-cli脚手架的安装

npm install -g @vue/cli

 

 

 查看版本

vue -V

 

安装electron

 指定安装的版本号:

既然最新的版本可能有问题,我们就安装之前的稳定版本:npm install electron@6.1.2 -g

安装完成后,测试是否安装成功:electron -v

 

 

 

 

 

参考资料:

(157条消息) 解决在安装vue-cli脚手架出现的问题_散一世繁华,颠半世琉璃的博客-CSDN博客_vue-cli问题  https://blog.csdn.net/qq_51447436/article/details/126656377

愿景:

 

 

 

posted @ 2022-10-08 10:44  乘着风·轻舟过  阅读(511)  评论(0)    收藏  举报