macOS 下WebStrom 安裝配置 Vue

2021-10-09 20:52:05 字數 1600 閱讀 4343

前言:

本人使用的各個工具的版本為:

node.js v12.18.4

npm 6.14.6

webpack 4.44.2

vue @vue/cli 4.5.6

檢視node.js 的版本資訊

node -v
獲取nodejs模組安裝目錄訪問許可權

sudo

chmod -r 777 /usr/local/lib/node_modules/

更新npm到最新版

npm

install -g npm

安裝cnpm

npm config set registry 

npminstall -g cnpm --registry=

安裝eslint

npm i -g eslint
使用npm全域性安裝webpack

sudo

npminstall webpack -g

全域性安裝webpack-cli

sudo

npminstall webpack-cli -g

安裝完成後檢視webpack版本

webpack -v
安裝vue-cli

cnpm install -g @vue/cli
檢視是否安裝成功

vue -v
在全域性下安裝cli-init

cnpm install -g @vue/cli-init
開啟mac終端,在工作目錄下建立專案

cd ~/webstorm

vue init webpack todolist

#todolist是專案名稱

在專案目錄todolist 下執行專案

cd todolist

npm run dev

訪問localhost:8080,看到如下頁面則安裝配置成功,todolist即建立的vue專案

自動建立專案指令碼 vue.sh

#!/bin/bash

cd ~/webstorm

vue init webpack $1

cd$1

npm run dev

#指令碼第乙個引數:是建立的專案名稱

為指令碼加許可權

sudo

chmod 777 /usr/local/bin/vue.sh

webstorm 開啟新建立的專案

使用 macOS 為安卓刷機

相較於window端各種版本層出不窮的安卓刷機教程,在os x上刷機的教程不僅資源較少,而且多數都年代久遠。本帖整合了最新 2020 2 較簡單的macos刷機教程,希望可以幫助到各位。本帖所有操作都基於最新的 macos 10.15.3。1.終端配置 2.安裝配置android sdk 所有mac...

Mac OS 下編譯安裝Lammps

homebrew裡面有直接可安裝的lammps,但是使用的都是預設 引數。為了使用新的特性,這裡選擇使用gcc49 和mpich3編譯安裝之。macport安裝gcc49 並設定其為預設編譯器 b.編譯 以及 安裝 參見readme 注意 一定要把homebrew裡面安裝的 openmpi 給刪除了...

在Mac os下安裝xgboost

git clone recursive cd xgboost cp make minimum.mk config.mk make j4這是不支援多執行緒版本的,如果想要支援多執行緒,那麼就要使用如下指令 brew install gcc without multilib usr bin ruby e...