搭建乙個Vue前端專案

2022-08-22 13:03:12 字數 1862 閱讀 6665

一、安裝環境

2.檢查是否安裝成功:如果輸出版本號,說明我們安裝node環境成功

3.輸入 npm -v ,測試是否已經成功安裝 npm,出現版本號就表示成功安裝

另外:可以安裝cnpm

npm install -g cnpm –registry=

檢查安裝結果

npm 全域性模組的存放路徑以及cache的路徑的配置,預設是在 c 盤 "c:\users\使用者" 下

4.在 nodejs 安裝目錄下,建立 」node_global」 和 」node_cache」 兩個資料夾

5.進入 cmd 命令列,輸入如下命令:

設定全域性模組的安裝路徑到"node_global":

npm config set prefix "d:\program files\nodejs\node_global"

設定快取到"node_cache"資料夾:

npm config set cache "d:\program files\nodejs\node_cache"

由於 node 全域性模組大多數都是可以通過命令列訪問的

還要把 「d:\nodejs\node_global」 加入到系統環境變數 path 中,方便直接使用命令列執行

6.執行 npm 安裝模組

#配置映象站

npm config set registry=

#檢查一下映象站是否正常

二、搭建vue3.0專案:

1.全域性安裝最新的 vue-cli

npm install -g @vue/cli

2. vue create 專案名

、搭建vue2.0專案:

1. 安裝: npm install -g @vue/cli-init

否則會報錯:

vue 乙個前端專案的完整環境搭建

前提 已安裝好node.js和vue cli 1 搭建專案 vue init webpack 專案名稱 2 安裝依賴 把用到的先安裝上 3.在src assets新建less資料夾,其下新建公共樣式檔案base.less,以下僅供參考 html body,html a ul ol li s,i,em...

搭建第乙個Vue專案

如果沒有什麼問題的話,nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd,輸入命令 npm v 我的結果如下,表示安裝成功,npm已新增至系統環境變數 npm畢竟是國外的,抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...

使用vue cli搭建乙個vue專案

npm i vue vue cli g2.開始搭建,並使用webpack進行管理vue init webpack projectname 開始搭建 在搭建的過程中,它會詢問以下問題 project name projectname 專案名是否為projectnam project descripti...