Vue高階攻略之搭建Vue專案

2021-10-19 05:00:51 字數 1632 閱讀 3510

開啟控制命令列程式（cmd）,檢查是否正常

$  npm  install  -g  cnpm  --registry=
這樣就可以使用cnpm 命令來安裝模組了：

1.第一步：安裝vue-cli （專案腳手架）

cnpm install vue-cli -g        //全域性安裝 vue-cli

選定路徑，新建vue專案，這裡我是在桌面上新建了demo資料夾，cd目錄路徑

下面我一專案名為demo新建vue專案

vue init webpack  專案名

? project name vuedemo02(專案名稱)


? project description a vue.js project(專案描述)


? author simalinjia(作者名稱)


? vue build (use arrow keys)(我預設了)


? vue build standalone(我預設了)


? install vue-router? yes（是否安裝路由）


? use eslint to lint your code? no


? set up unit tests no


? setup e2e tests with nightwatch? no


? should we run `npm install` for you after the project has been created? (recommended) npm


vue-cli · generated "vuedemo02"


installing project dependencies ...
現在已經建立好了，那就讓專案先安裝下依賴再執行一下，會出現下面的頁面，操作指令是：

cnpm install


cnpm run dev
注意 這裡要在剛剛建立專案目錄下進行安裝和執行哦!!!

在瀏覽器中訪問該**

乙個vue專案的搭建和啟動就已經完成了。

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...