Vue CLI内网安装(禁止运行vue指令解决方案)

Vue CLI内网安装(禁止运行vue指令解决方案),第1张

1、Vue cli简介:

Vue cli是一个基于Vuejs 进行快速开发的完整系统,Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

cli(@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue命令。它可以通过vue create快速搭建一个新项目,或者直接通过vue serve构建新想法的原型。你也可以通过vue ui通过一套图形化界面管理你的所有项目。

2、 Vue cli安装

npm install -g @vue/cli

安装之后,运行vue指令,遇到以下问题:由于公司内网执行策略限制,会禁止运行vue指令。

解决方案及步骤如下:

第一步:执行Set-ExecutionPolicy RemoteSigned更改执行策略。

第二步:如果没有权限更改全局的执行策略,加上-Scope CurrentUser后再次更改(Set-ExecutionPolicy RemoteSigned -Scope CurrentUser),并为ExecutionPolicy参数提供值为:RemoteSigned。

第三步:执行策略更改完成后,成功运行vue指令。

在网上查的,是因为os版本过高的问题。安装 npm install -g @vue/cli 时会出现这个问题

解决办法:
在终端输入这个命令

然后再运行 npm install -g @vue/cli 就可以正常安装了。

终端输入vue,发现未找到,command not find:vue
这个问题应该是环境变量没配置,配置一下环境变量

就算上面安装了@vue/cli,这个vue-cli也是要安装的
安装后是这样的

为了让一些不太清楚搭建前端项目的小白,更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架,那vue作为三大框架主流之一,在工作中很常用。所以就以vue为例。

下载并安装node

下载地址为:>Vue是:构建用户界面的渐进式框架,可以自底向上逐层应用(大概是这个意思?由基层开始做起,把基础的东西写好,再逐层往上添加效果和功能。)

(前期刚学时不建议直接安装vue-cli脚手架,可以直接通过<script></script>引入,如:<script src=">你将学到以下知识:

webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler),分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。

它只是一个工具,主要是它已经帮助我们简化了很多复杂 *** 作!例如:
现在的前端,越来越复杂,特别是SPA(single page web application)流行之后,一个应用程序往往会依赖很多其他的模块,或者编译scss、less、stylus等,如果仅仅是靠人来管理是不可能的,这个时候我们必须依赖于webpack来解决。

输入 命令 vue 查看一下 ,有东西说明成功了!(如果没有成功忽略)

安装:webpack模板 (敲黑板!!!!)

出现如下图:

(成功后)cd 到自己的工程名字 (敲黑板!!!!)

可以来解析css
注意:

安装:(用来解析css文件的loader(style-loader和css-loader))

安装:可以创建和解析less和scss

26-webpack-&字体:
可以使用图标和

27-webpack-html:
在html文件中自动引入js文件

1、安装webpack后的Vue目录:

2、src目录必须理解

4、列表说明


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12978734.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存