Vue-CLI3(零失败安装)--Vue项目(二)

最新推荐文章于 2024-03-12 17:20:35 发布

皮蛋布丁

最新推荐文章于 2024-03-12 17:20:35 发布

阅读量134

点赞数

文章标签： vue npm cli vue-cli3

本文链接：https://blog.csdn.net/qq_42700766/article/details/115819001

版权

一、工具下载

npm install -g @vue/cli

在这里插入图片描述
提示安装出错

清空缓存：
(此步骤应该可以忽略，直接进入下一步，不放心可以先清空缓存再进行下一步)

npm cache clean --force
#在前面这个安装的时候安装总是失败的情况下可以尝试清下缓存接着安装

在这里插入图片描述
安装cnpm：
（主要是npm容易导致下载失败，谁让服务器在国外呢）

npm install -g cnpm --registry=https://registry.npm.taobao.org
#这个东西主要用来换源不然你后面下载会很慢,所有的npm都可以用cnpm来代替

在这里插入图片描述

安装脚手架：

cnpm install -g @vue/cli
或者
npm install -g @vue/cli

在这里插入图片描述
终于安装成功了，这要是再装不上都想砸电脑了~
如果可以，这辈子都不想再安装这些令人恼火的软件、环境什么的了。

查看版本：

vue --version

在这里插入图片描述

(shift+鼠标右键)
在这里插入图片描述
跳转为管理员模式：
（或者直接搜索Powershell，并以管理员方式运行）

	Start-Process powershell -Verb runAs

在这里插入图片描述
转到需要创建项目的文件夹下：

#转到D盘
D:
#转到D盘的XX文件夹下
cd D:\code\vueProject

在这里插入图片描述
最后输入：

set-ExecutionPolicy RemoteSigned

（选择A）
在这里插入图片描述

vue create vue_demo02
#vue crete 项目名

在这里插入图片描述
自定义选择：

#选中这两项
 (*) Babel	#编译成浏览器可识别的
 (*) Router

（按空格选择）
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
（能进入此页面即创建启动成功此项目了）

ctrl+c

注：能力有限，目前基本无干货，还请谅解，争取早日能够写出有质量的文章！

我是皮蛋布丁，一位爱吃皮蛋的热爱运动的废铁程序猿。

关注