Vue腳手架的安裝配置以及使用

2021-10-12 10:08:20 字數 744 閱讀 8116

1.需要安裝nodejs支援

npm config set prefix "d:\develop\nodejs\node_global"

npm config set cache "d:\develop\nodejs\node_cache"

npm config set registry
使用npm命令安裝vue腳手架。使用命令:npm install -g vue-cli安裝vue-cli 2版本

如要安裝3版本的腳手架則是 :npm install -g @vue/cli

安裝完成後配置環境變數path,新增安裝vue的目錄去path下面。我的是這裡:

在cmd視窗中執行vue --version ,如果出現版本號,這代表安裝配置成功,如果錯誤,可以使用管理員模式執行cmd視窗再次嘗試。

使用vue腳手架搭建專案

開啟開發環境,我這裡使用的是vscode,開啟終端,輸入vue init webpack hello建立乙個腳手架專案。構建完成後npm start啟動專案,如果出現以下介面,表示啟動成功。

安裝配置Vue腳手架

1,全域性安裝生成腳手架專案 npm i g vue cli 安裝的是3.0版本 g全域性 2,用命令列工具生成乙個專案的腳手架 和檔案結構 vue create 專案名 命名時不可以用大寫字母 2.1如果提示網路慢,是否用 映象 y 2.2選manually select features 2.3...

Vue腳手架安裝配置 windows

最近要開發自動化運維的乙個平台,需要用到前台的技術,經過了解,最後選型為vue框架來實現。在nodejs的主安裝目錄下建立乙個node global和node cache目錄。通過命令指定安裝目錄 npm config set prefix node global path npm config s...

vue腳手架安裝

cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...