vue cli 4 5 3 安裝過程

2022-07-23 18:57:22 字數 2974 閱讀 4409

一、準備

npm config set registry

二、全域性安裝新版vue cli

cnpm install @vue/cli -g

三、因為需要sass,所以在需要生成專案的目錄下執行如下命令,注意此處的目錄不是專案目錄,而是其父目錄

3.1cnpm install --global --production windows-build-tools   //安裝一次即可

3.2 npm i node-sass --sass_binary_site=

執行後會出現「node_modules」目錄和package-lock.json檔案

否則會出現「error: can't find python executable "python", you can set the python env variable」

四、生成專案,並選擇手動配置

在當前目錄執行 vue create shieh

4.2 選擇如下內容

4.4 輸入「y」

4.10 輸入「n」

完整的輸出如下:

vue cli v4.5.3

✨ creating project

ind:\work\web\vue\shieh.

� initializing git repository...

⚙️ installing cli plugins. this might take a

while

...> [email protected]

install d:\work\web\vue\shieh\node_modules\yorkie

> node bin/install.js

setting up git hooks

done

> [email protected] postinstall d:\work\web\vue\shieh\node_modules\core-js

> node -e "

trycatch(e){}

"> [email protected]

postinstall d:\work\web\vue\shieh\node_modules\ejs

> node ./postinstall.js

added

1241 packages from

919 contributors in

103.849s

50 packages are looking for

funding

run `npm fund`

fordetails

� invoking generators...

� installing additional dependencies...

> [email protected] install d:\work\web\vue\shieh\node_modules\node-sass

> node scripts/install.js

> [email protected] postinstall d:\work\web\vue\shieh\node_modules\node-sass

> node scripts/build.js

binary found at d:\work\web\vue\shieh\node_modules\node-sass\vendor\win32-x64-72

\binding.node

testing binary

binary

isfine

added

147 packages from

100 contributors in

19.235s

56 packages are looking for

funding

run `npm fund`

fordetails

⚓ running completion hooks...

� generating readme.md...

� successfully created project shieh.

� get started with the following commands:

$ cd shieh

$ npm run serve

warn skipped git commit due to missing username and email

ingit config.

you will need to perform the initial commit yourself.

vue cli腳手架安裝過程(精簡版)

1 開啟node的控制台,並找到對應的資料夾 2 檢查node的版本 node v 3 檢查npm的版本 npm v 4 檢查cnpm的版本 cnpm v 5 安裝全域性及腳手架 cnpm install vue cli g 6 初始化webpack 模板,建立名為webpack的資料夾 vue i...

tripwire安裝過程

在as4上測試通過。找到twinstall.sh檔案所在的位置 我安裝的時候找到http download1.csdn.net down3 20070523 23220246809.rpm的是twinstall.sh.in 拷貝到 etc tripwire目錄下,並修改檔案,設定好twadmin檔案...

XAMPP安裝過程

方法 a 使用安裝包進行安裝 使用安裝包來安裝 xampp 是最簡單的方法。xampp win32 的安裝嚮導 安裝過程結束後,您會在 開始 程式 xampp 選單下找到 xampp。您可以使用 xampp 控制面板來啟動 停止所有服務或安裝 解除安裝所有服務。xampp 控制面板能啟動 停止 ap...