在使用vue过程中,总会用到这样哪样的UI框架,在install这些框架时,往往还需要安装其要求的依赖,或是相关的编译环境,下面将记录描述下python和node-sass的安装办法:
对于非python玩家,建议方式二安装python环境,该方式,node会为你匹配对应node版本的python,这样将避免后续使用中的版本过高或过低造成的编译失败问题,比如node16+在python2.x下编译会抛出version问题。
在使用vue过程中,总会用到这样哪样的UI框架,在install这些框架时,往往还需要安装其要求的依赖,或是相关的编译环境,下面将记录描述下python和node-sass的安装办法:一:python安装:1.官网下载安装包,传统安装,然后配置相关环境变量2.在安装了node但是为安装python的前提下,通过npm指令安装对应版本的python(建议方式)npm install --global --production windows-build-tools对于非python玩家,
最近准备想用vue-cli初始化一个项目,需要
sass
-loader编译;
发现window下
npm
install
node-sass
和
sass
-loader一直报错,
window 命令行中提示我全局
安装
node
-gyp ,有些提示好像是本地找不到
python
,
于是我按照提示
安装
node
-gyp
node
-gyp是一个用
Node.js
编写的跨平台命令行工具,用于编译
Node.js
的本地插件模块。
node
-gyp
node
-gyp官方网址 https://www.
npm
js.com/package/
node
-gyp
命令行代码
npm
install -g
node
-gyp
Vue-Cli的使用一、nvm和
npm
的
安装
1.nvm的
安装
NVM相关概念NVM的
安装
和配置nvm中常用命令
node
安装
2.
npm
的
安装
和使用初始化:
安装
包:包管理镜像使用c
npm
手动
安装
npm
二、vue-cli创建项目三、组件的定义和导入四、局部样式和
Sass
语法1.局部样式2.
sass
语法
一、nvm和
npm
的
安装
1.nvm的
安装
NVM相关概念
nvm(
Node
Version Manager) 是一个用来管理
node
版本的工具。
我们之所以需要使用
node
,是因为我们需要使用
node
中的
npm
(
Node
Package Manager),使用
npm
的目的是为了能够方便的管理一些前端开
最近拉了几个GitHub的项目,好多个
安装
依赖
的时候就报错了,其中一个
node-sass
的我是真没想到。
先说说
npm
、c
npm
、yarn install的时候,同一个项目会有不同的结果,在同一个项目下:
npm
:
npm
ERR! Found: swiper@6.8.4
npm
ERR!
node
_modules/swiper
npm
ERR! swiper@"^6.3.5" from the root project
npm
ERR!
npm
ERR! Could not resolve depe
npm
启动
第一步:下载
npm
包
wget https://
node
js.org/dist/v10.15.0/
node
-v10.15.0-linux-x64.tar.xz
第二步:解压
tar -xf
node
-v10.15.0-linux-x64.tar.xz
第三步:设置全局变量
1、打开文件
vim /etc/profile
2、最后一行放入
PATH=$PATH:/software/
node
-v10.15.0-linux-x64/bin
第四步:刷新配置文件
source /etc/profi
项目执行
npm
install 或 yarn 的时候经常遇到
node-sass
下载错误,
sass
_binary 无法下载,或者提示让你
安装
python
(
安装
python
这个提示有点扯, 严重误导人, 以下详述)。
对于
node-sass
,通过以下设置基本能够解决问题:
set
SASS
_BINARY_SITE=https://
npm
.taobao.org/mirrors/
node-sass
/ &&
npm
install
node-sass
如果这种办法尝试几次还不行,.
错误信息:DELL@WXT-microcomputer MINGW64 /e/Vue/ProjectTest/vue-element-admin (master)
$
npm
install –registry=https://registry.
npm
.taobao.org
npm
WARN deprecated runjs@4.4.2: This project has been renamed to ‘tasksfile’. I
npm
WARN prefer global
node
-gyp@3.6.0 should be installed with -g
>
node-sass
@4.5.2 install E:\workspace_vscode\ww\
node
_modules\
node-sass
>
node
scripts/install.js
Downloading binary from https://github.com/
sass
/
node-sass
/releases/download/v4.5 .2/win32-x64-48_binding.
node
Cannot download "https://github.com/
sass
/
node-sass
/releases/download/v4.5.2/win3 2-x64-48_binding.
node
":
connect ETIMEDOUT 54.231.72.83:443
Timed out whilst downloading the prebuilt binary
Hint: If github.com is not accessible in your location
try setting a proxy via HTTP_PROXY, e.g.
export HTTP_PROXY=http://example.com:1234
or configure
npm
proxy via
npm
config set proxy http://example.com:8080
>
node-sass
@4.5.2 postinstall E:\workspace_vscode\ww\
node
_modules\
node-sass
>
node
scripts/build.js
gyp verb check
python
checking for
Python
executable "
python
2" in the PATH
gyp verb `which` failed Error: not found:
python
2
gyp verb `which` failed at getNotFoundError
这个问题有两个解决方案
1. 按照提示需要
python
2
环境
,
安装
python
2
环境
确实可以解决, 网上好多这种(管理员身份执行)。但是当你本来就有
python
环境
时,
环境
变量不能自动替换,整起来就很麻烦。
npm
install --global --production windows-build-tools
2. 第二种解决方案 ,看另一句报错,资源被墙。
Downloading binary from https://github.com/
sass
/
node-sass
/releases/download/v4.5.2/win32-x64-48_binding.
node
Cannot download "https://github.com/
sass
/
node-sass
/releases/download/v4.5.2/win32-x64-48_binding.
node
":
下载此资源即可。下载后需要设置变量路径,防止它再次去下载。
可以设置
环境
变量 直接右键我的电脑--》属性--》高级系统设置--》
环境
变量--》添加
set
SASS
_BINARY_PATH=D:\
node
js\tools\
node-sass
\win32-x64-46_binding.
node
再次执行
npm
install 成功