px 转换vw
npm install postcss-px-to-viewport --save-dev
Vue CLI2初始化项目
vue init webpack 项目名称
Vue CLI3初始化项目
vue create 项目名称
运行本地项目的时候一直报错命令无法识别,后来查阅资料发现是install引起的
分析原因:
包下载的安全问题,猜测npm下载默认是拉取安全的包到node_modules,因此如果被判定不够安全,不会被拉取下来,并且会抛出一个错误记录
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/Users/wlk_yodinfo/Documents/front_projects/diy-cli/node_modules/fsevents/build'
gyp ERR! System Darwin 18.5.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "configure" "--fallback-to-build" "--module=/Users/wlk_yodinfo/Documents/front_projects/diy-cli/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node" "--module_name=fse" "--module_path=/Users/wlk_yodinfo/Documents/front_projects/diy-cli/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64" "--napi_version=4" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v64"
gyp ERR! cwd /Users/wlk_yodinfo/Documents/front_projects/diy-cli/node_modules/fsevents
gyp ERR! node -v v10.16.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
解决办法一
以管理员身份运行
sudo npm i --unsafe-perm
方法二
sudo rm -rf ~/.node-gyp
sudo npm cache clean -f
sudo npm install -g n
sudo n stable
sudo npm i --unsafe-perm
npm 的 --unsafe-perm 参数
npm 出于安全考虑不支持以 root 用户运行,即使你用 root 用户身份运行了,npm 会自动转成一个叫 nobody 的用户来运行,而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作,比如写文件(尤其是写 /root/.node-gyp),就会崩掉了。
为了避免这种情况,要么按照 npm 的规矩来,专门建一个用于运行 npm 的高权限用户;要么加 --unsafe-perm 参数,这样就不会切换到 nobody 上,运行时是哪个用户就是哪个用户,即使是 root。