搭建环境
- 安装node.js
| 说明 | url |
|---|---|
| 中文网 | http://nodejs.cn/ |
| 官网 | https://nodejs.org/en/ |
下载node-v14.15.0-x64.msi并安装
- 设置node的全局和缓存路径
创建两个文件夹node_cache,node_global
cmd下设置全局和缓存路径
npm config set cache “D:\nodejs\node_cache”
npm config set prefix”D:\nodejs\node_global”
-
安装淘宝镜像
$ npm install -g cnpm –registry=https://registry.npm.taobao.org
然后再用到npm install的时候，使用cnpm install进行安装node_modules。
以上方式，在集成到idea中在idea，直接使用node的命令，进行install，就行不通了。这个时候，可以使用第二种方式：
npm config set registry ” https://registry.npm.taobao.org “
更改npm的config的registry 为淘宝镜像，然后再使用npm的时候，就是从淘宝镜像拉取数据了。
-
设置环境变量
path后面添加D:\nodejs\node_global
添加NODE_PATH
- 安装vue
需要先关上命令CMD然后重新打开执行安装Vue命令
cnpm install vue -g
- 安装vue-cli脚手架
cnpm install -g vue@cli
如果报错执行如下两个命令：
npm i npm -g
npm i @vue/cli -g
再次执行
cnpm i @vue/cli -g
- 创建一个Vue项目
vue create first
错误1
D:\vue\first>yarn server
'yarn' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
解决
D:\vue\first>npm install -g yarn
> yarn@1.22.10 preinstall d:\nodejs\node_global\node_modules\yarn
> :; (node ./preinstall.js > /dev/null 2>&1 || true)
d:\nodejs\node_global\yarn -> d:\nodejs\node_global\node_modules\yarn\bin\yarn.js
d:\nodejs\node_global\yarnpkg -> d:\nodejs\node_global\node_modules\yarn\bin\yarn.js
+ yarn@1.22.10
added 1 package in 1.775s
解决完错误重新执行一次
vue create first1
版本切换
Vue-cli脚手架由3.0以上版本降级到3.0以下版本：
npm uninstall -g @vue/cli
npm install -g vue-cli
npm i npm -g
npm i vue-cli -g
cnpm i vue-cli -g
Vue-cli脚手架由3.0以下版本升级到3.0以上版本
npm uninstall -g vue-cli
npm install -g @vue/cli
npm i npm -g
npm i @vue/cli -g
cnpm i @vue/cli -g
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/140795.html
