vue-cli项目详细搭建过程

https://www.jianshu.com/p/8d5aeb79d7ad

 

一、安装 Node.js 10(选择自己需要的版本)
运行 node -v查看版本,如果不是 10,请先卸载当前版本去 Node.js 官网下载10.12.0版的安装包,一路点击下一步,注意安装目录可以改,一定不要在路径中出现中文和空格。
注意重装 Node.js 后,你以前用 npm 或 yarn 全局安装的命令可能都会消失不见,如果你需要,可以需要重新全局安装这些命令。打开 Git Bash或cmd,依次输入以下命令,按回车:
npm config set registry https://registry.npm.taobao.org/
npm config set loglevel http
npm config set progress false

二、安装yarn(yarn比npm更加好用)
打开 Git Bash,输入以下命令,按回车。
npm install -g yarn

三、安装yarn淘宝源和npm淘宝源(下载依赖更快,否则你就体验一下等待痛苦)
yarn设置镜像:
yarn config set registry https://registry.npm.taobao.org -g
yarn config set disturl https://npm.taobao.org/dist -g
yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/ -g
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -g
yarn config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/ -g

npm设置为淘宝镜像

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs/

四、安装vue/cli(选择自己需要版本)
运行 vue --version查看版本,如果不是 4.1.2,运行npm uninstall -g @vue/cli卸载当前版本

1、安装vue/cli:yarn global add @vue/cli@4.1.2
2、检查版本号:vue --version
3、创建记账文件records:
vue create records (用cmd运行这个)
winpty vue.cmd create records (用git bash运行这个)

这是因为window系统使用git bash,交互提示符并不工作,你不能切换选项,你必须通过 winpty vue.cmd create 文件名 来激活,而cmd是可以直接利用上下箭头键进行切换。他们都是空格键是进行选中或取消,回车键进行确认。

 
请查看这个图最终结果进行配置,蓝色是选中配置

 

配置完之后,就会进行安装依赖。安装时候,如果出现如下图所示问题



作者:飞天小猪_pig
链接:https://www.jianshu.com/p/8d5aeb79d7ad
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

posted on 2022-06-25 12:43  四海骄阳  阅读(1465)  评论(0编辑  收藏  举报

导航