Vue 環境搭建

2021-08-14 22:05:40 字數 2303 閱讀 5054

2.安裝vue:npm install vue -g(現在一般安裝node之後會自動安裝npm包管理器,-g表示全域性安裝,不帶-g會在當前cmd當前所在目錄新建node_modules,並將vue安裝到此資料夾下);

3.安裝webpack:npm install webpack -g;(cmd命令列輸入webpack -v,輸出webpack版本)

4.安裝vue-cli腳手架構建工具:npm install vue-cli -g;(cmd命令列輸入vue -v

(大寫的v)

會輸出vue-cli版本號)

以上是vue環境搭建,然後就是使用vue-cli來構建專案:

在cmd命令框中cd到專案即將存放的資料夾,cmd輸入vue init webpack my-project(my-project專案名稱,不能中文),

接下來就會出現vue-cli初始化構建時需要配置的資訊(如下圖)

-------------------專案名稱

? project name my-project

? project description (a vue.js project)--------------

--------------

--------------

--------------

-------專案描述

? project description a vue.js project

? author (pt <>) pt--------------

--------------

--------------

----------------

--------------

------------專案作者

? author pt

? vue build (use arrow keys)--------------

--------------

--------------

--------------

------------------打包方式(預設即可)

? vue build standalone

? install vue-router? (y/n) y--------------

--------------

--------------

--------------

-------------------是否啟用路由(一般啟用)

? install vue-router? yes

? use eslint to lint your code? (y/n) n--------------

--------------

--------------

--------------

--------是否啟用eslint檢查規則,建議不啟用

? use eslint to lint your code? no

? set up unit tests (y/n) n--------------

--------------

--------------

--------------

----------------------是否啟動單元測試(看個人)

? set up unit tests no

? setup e2e tests with nightwatch? (y/n) y--------------

--------------

--------------

--------------

---是否安裝e2e測試

? setup e2e tests with nightwatch? yes

上述資訊構建完成後,npm會將依賴的包全都安裝到當前目錄的node_modules下,等安裝完畢後,目錄結構如下

開啟package.json檔案,可以看到之前所配置的資訊,在cmd中輸入npm run dev(package.json中配置的啟動命令),

即可訪問構建成功的專案

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node,借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列,輸入 node v檢視版本號,如果顯示版本號則安裝成功。第二步,安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...

Vue環境搭建

3.在nvm資料夾內新建乙個settings.txt,內容如下 需結合實際路徑 arch 64 proxy none node mirror npm mirror 4.配置環境變數 然後在在path的最前面輸入 nvm home nvm symlink 開啟乙個cmd視窗執行命令nvm v,輸出當前...