vue-cli脚手架(创建/问题解决)

205 阅读1分钟

在文件夹内shift+右键->打开powershell文件

vue create 文件名

输入vue create 文件名

image.png

选中第三个manually select features(自定义)

image.png

选择项+空格(选中)

image.png

回车+2.x+回车

image.png 默认为y

image.png 选择node-sass image.png

标准配置

image.png 默认 image.png 默认

image.png image.png 是否保存

image.png 选择y创建vue2

image.png

(报错的话,需要装环境python2.7及环境变量的配置)
(c++ vs2019c++)

问题解决:

7种方法解决vue创建项目报错:command failed: npm install --loglevel error

image.png

**1、重建项目 ** npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

完成操作之后重新创建一下项目

2、清除缓存

npm cache clean --force
清除npm的缓存(如果不行就证明不是缓存的问题,基本无效)

3、重装淘宝源
如果安装时有选择淘宝镜像,且以上两步还是不行 -> 重新安装以下淘宝源

npm install -g cnpm --registry=https://registry.npm.taobao.org
4、修改useTaobaoRegistry
我的电脑->c盘->用户->.vuerc文件->useTaobaoRegistry:改为false

5、重装node
http://nodejs.cn/

image.png 6、删除.npmrc文件 我的电脑->c盘->用户->.npmrc文件->删除->重装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

7、运行vue-cli
npm run serve
成功:

image.png