如何執行vue專案

2021-10-06 04:22:47 字數 951 閱讀 2746

前提:

首先,這個教程主要針對vue小白,並且不知道安裝node.js環境的。言歸正傳,下面開始教程:在維護專案之前,需要把所有的環境搭建好,這裡我就不多說了,看這篇就夠了:十分鐘上手-搭建vue開發環境(新手教程)

好了,再重複具體不嫌麻煩的把步驟操作一遍,做技術就得孰能生巧,一遍又一遍不斷的重複

如下:1:安裝cnpm

由於npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象—cnpm

在命令列中輸入 npm install -g cnpm --registry=

2:安裝webpack

npm install webpack -g

webpack是一款模組載入器兼打包工具,它能把各種資源,例如js(含jsx)、coffee、樣式(含less/sass)、等都作為模組來使用和處理。 webpack 的核心是 依賴分析,把依賴分析出來了,其他都是細枝末節。

3:安裝vue-cli

cnpm install vue-cli -g

vue-cli是vue.js的腳手架,用於自動生成vue.js+webpack的專案模板

,這個過程會耗時十幾秒,等走完就好;好了,到此整個環境就搭建好了

4:cd /專案名稱5:npm install

進入專案之後安裝依賴,安裝成功

注意:在這一步可能會出現這樣的錯誤;因為你開啟的是別人的專案,專案之中肯定有 node_modules模組,那麼先刪除掉,在執行npm install命令
6:npm run dev

一切準備就緒,啟動專案

npm run dev

如何執行vue專案

通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。首先,列出來我們需要的東西 安裝node.js從 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所以,直接輸...

如何執行vue專案

在師兄的推薦下入坑vue.js 發現不知如何執行github上的開源專案,很尷尬。通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。可以看下我的github 裡面有我學習 工作寫的一些vue專案。言歸正傳 首先,列出來我們需要的東西 安裝node...

如何執行vue專案

首先,列出來我們需要的東西 安裝node.js 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所以,直接輸入 npm v就會如下圖所示,顯示出npm的版本資訊。ok!node環境已經安裝完成,npm包管理器也有了...