Vuejs開發環境搭建及熱更新

2022-09-13 18:09:10 字數 1006 閱讀 2134

1.1最新穩定版本:

npm install vue

國內速度慢,使用**映象:

npm install -g cnpm --registry=

注意:以後使用npm的地方就替換成cnpm

cnpm install -g vue-cli

vue init webpack my-project

輸入安裝命令後,稍等一會提示輸入:

2.1專案專案名稱:

2.2專案描述:

2.4是否使用eslint:(可以選擇不需要,eslint是一套語法檢查工具)

2.5是否需要單元測試:(可以選擇不需要)

說明:webpack:專案型別,用webpack這套模板進行壓縮和打包。

my-project:專案名稱。

3.1進入專案:

cd my-project

3.2安裝依賴:

cnpm install

說明:3.2.1會將依賴安裝到專案node_modules資料夾中。

3.2.2可以使用cnpm命令,是因為webpack安裝好了相應依賴。

3.2.3 package.json檔案說明:

主要包含:專案描述、相關依賴。

3.3執行專案:

cnpm run dev

通過訪問訪問執行起來的專案。

vuejs官網:

taobao映象:

vuejs開發環境搭建

前言 現在前端最火的是3個框架 react,vue,angular。可以說著是哪個框架大大改變了前端的地位。相對於angular來說。vue同樣擁有豐富的指令,並且都是典型的mvc框架,但是vue比較輕量級一些,最主要的是,它是中國人寫的。別看這是中國人寫的框架,在國際上照樣得到了不俗的評價。我們在...

vuejs基礎入門之環境搭建

對於小白,對命令列工具使用得很少,而在學習vuejs框架時,命令列工具必不可少,因此,我對一些不懂安裝vuejs環境的小白寫如下教程 1.vuejs是前端框架,環境借助於nodo.js,因此,我們先要安裝node.js的環境。3.開啟了以上命令列,輸入 npm install g cnpm regi...

搭建Django環境及開發介面

一.搭建django環境 1.安裝django cmd,然後輸入python m pip install django 2.建立django專案 3.啟動django 點選下面的 可以看到django的首頁 二.django之介面工作原理 2.介面工作原理 首先注釋掉在setting檔案中系統生成的...