Vuecli是Vue脚手架,类似Java中的SpringBoot框架用于搭建一个标准项目。 Vuecli大大降低了webpack使用难度支持部署,有webpackdevserver支持,相当于启动一个请求服务器作为测试环境我们关注开发可以了。

目录

安装和配置

安装Node.js

npm工具

npm配置国内镜像(淘宝镜像)

nrm工具

安装Vue-Cli

 可能出现的问题

vue无法加载文件C:UsersAdministratorAppDataRoamingnpmvue.ps1因为在此系统上禁止运行脚本……解决办法

无法将“node.exe”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称


安装和配置

安装Node.js

官网Node.js

Node下载Download | Node.js

安装后配置环境变量:在Path添加NodeJS的全局安装路径

检查是否安装成功:在命令行输入npmv 如果安装成功,会显示版本号

npm工具

NodeJS的包管理工具,类似Maven,安装Node.js后就有了 基本命令

npmv 查看版本

npm install 包名save 安装     可简写npm i 包名 –s

npm uninstall 包名 —save 卸载

npm run serve 运行项目

npm build 项目打包

npm listdepth=0 –global 查看已经全局安装的模块

如果不是最新版本,运行指令

npm installg npm

如果想更新指定版本运行指令

npmg install npm@6.8.0

 PS: -s是安装到当前目录,-g是安装到全局

npm配置国内镜像淘宝镜像

npmnode.js库的包管理工具,因为镜像地址国外,安装库会比较慢,可以镜像地址修改国内地址,来提供安装库的速度配置国内镜像命令如下

// npm配置淘宝镜像
npm config set registry https://registry.npm.taobao.org
 
// 查看npm镜像是否配置成功
npm config get registry
 
// npm回复镜像
npm config delete register
npm config edit
 
// npm安装cnpm使用cnpm来安装js库
npm install -g cnpm --registry=https://registry.npm.taobao.org

nrm工具

npm默认站点国外配置国内镜像,提高下载速度

npm install nrmg 安装nrm

nrm ls 查看镜像

nrm use 镜像名 使用镜像

可以使用淘宝镜像:

npm installg cnpmregistry=https://registry.npm.taobao.org

安装Vue-Cli

npm installg @vue/cli

vueversion

 可能出现的问题

vue无法加载文件C:UsersAdministratorAppDataRoamingnpmvue.ps1因为在此系统上禁止运行脚本……解决办法

管理员身份运行PowerShell命令提示符来源于Linux命令提示符也叫Shell)

右键开始

执行set-ExecutionPolicy RemoteSigned签名运行这些脚本

 set-ExecutionPolicy RemoteSigned

法将node.exe”项识别cmdlet函数、脚本文件或可运行程序名称

1 去C盘查看用户npm里是否node.exe文件 ,大概路径

C:Users29412AppDataRoamingnpm

2 如果少了node.exe找到node安装路径目录复制node.exe文件到上面文件路径下,重启即可

npm : 无法将“npm”项识别cmdlet函数、脚本文件或可运行程序名称

npm list --depth=0 -global   查看已经全局安装的模块

如果全局安装的模块没有npm 则重新安装  

npm -g install npm@6.13.4

或者

npm install npm@指定版本 -g

如果出现一些依赖无法找到的问题,解决办法最好就是将以前能运行的项目中node_modules文件夹复制进来,并且复制package.json文件

原文地址:https://blog.csdn.net/qq_44709970/article/details/129135919

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_42196.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注