vue專案搭建

一.初始化vue專案

1.環境初始化

1.安裝node，

3.安裝vue腳手架vue-cli。npm install -g vue-cli

4  建立專案.建立乙個基於 webpack 模板的新專案demo。vue init webpack demo

【建立過程中會提示是否需要vue-router、eslint、unit tests等：

【current directory ?  === y

project  name 

description // 描述，不需要就回車

author // 作者  自己分配到的git賬號

vue build ? ===  standalone 

install vue-router? === y

user eslint to lint your code ? ====y

pick an eslint preset ？ ====standard

set up unit tests   ====y

pick a test runner ***** jest

setup e2e tests with nightwatch ? ***** y

should we run 『npm instll』for you after the project has  been  created?  ==== n】

5.切換到專案目錄cd demo

npm run lint   

npm run test

7.啟動執行:npm run dev

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...

Vue專案搭建

vue cli 專案搭建及常用外掛程式安裝，報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...

vue專案搭建

1 安裝 映象，用cnpm裝東西很省事，目前沒被坑過 一下命令在cmd中完成 可以不按裝 npm install g cnpm registry 2 安裝vue腳手架 cnpm install g vue cli測試是否成功安裝 vue v 3.進入安裝的資料夾目錄，構建檔案結構目錄 vue ini...