Vue建立專案的基本流程

1.安裝node.js環境

安裝好後,可以輸入node -v

npm -v

成功的話會顯示相應的版本號

2.安裝vue-cli vue指令碼架工具

npm install -g vue-cli

#回車,等待安裝

vue -v

#若出現vue資訊說明成功

3.用vue-cli構建專案

vue init webpack vuedemo(這個可以是全路徑+專案名稱)

#這裡需要進行一些配置,預設回車即可

? project name vuedemo

? project description a vue.js project
? author
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? yes
? pick an eslint preset standard
? set up unit tests yes
? pick a test runner jest
? setup e2e tests with nightwatch? yes
? should we run `npm install` for you after the project has been created? (reco
mmended) npm

cd vuedemo

npm install

npm run dev

成功執行以上命令後訪問 http://localhost:8080/，輸出結果

在瀏覽器中訪問 http://localhost:8080/，會顯示

總上所述，安裝vue-cil後執行四行命令，就可以把乙個名為vuedemo的專案跑起來。

進入專案資料夾後vue init webpack vuedemo新建乙個專案

進入專案cd vuedemo

建立專案npm install

執行專案npm run dev

前提條件：node.js 、vue-cli、webpack安裝好，配置好**cnpm源。

本來執行vue init webpack projectname 一路配置，最後npm run dev 就配置完了。

但是，天公不作美。總要出點么蛾子。這不我這就出了

報錯 ：

接下來就開始一段瘋狂的找錯模式

我本來還不信邪，繼續 npm run dev

但是現實總是會清楚的讓你知道，你得好好找問題。

好，那就找吧，開啟生成的資料夾

乍一看沒什麼是，其實仔細看你會發現缺了乙個資料夾，

沒錯，缺了 node_modules 這個node的依賴資料夾

好了，找到問題就好解決了，

cd 進入專案資料夾 ，然後 cnpm install 安裝node依賴

然後再去 npm run dev 試試，

跑成功了

vue 專案的建立

1.開始動手之前，必須先得在機器上安裝好 npm 然後輸入以下指令將 vue cli 安裝到 的全域性環境中 只需要一次 npm i vue cli g npm 可以理解為前端方面的應用商店管理 2.然後，我們就可以開始建立工程了，鍵入以下的指令 vue init webpack demotest ...

vue專案的建立

npm install g cnpm registry 由於 npm 安裝速度慢，本教程使用了 的映象及其命令 cnpm，安裝使用介紹參照 使用 npm 映象。npm 版本需要大於 3.0，如果低於此版本需要公升級它 檢視版本 npm v 2.3.0 公升級 npm cnpm install npm...

Vue 專案的建立

1.安裝所需要的依賴包 建立專案預設選擇的包管理器順序是 yarn，cnpm，npm cnpm i yarn g 安裝模組 以下是語法，不需要安裝 yarn add module s yarn add module d yarn add module在cmd命令列中安裝全域性vue的腳手架 cnpm...