使用vue cli初始化vue專案

2022-02-05 15:55:21 字數 943 閱讀 7810

在專案中使用vue我使用vue-cli腳手架搭建專案

1.先安裝nodejs

2.使用npm install -g vue-cli

npm install -g nrm

nrm ls(即可檢視npm 的源利器有哪些)

nrm use (切換npm的源利器)

3.vue --version 

4. vue init webpack myproject(

vue init 模板型別 專案名稱;

模板型別有很多種;使用vue list檢視

5. cd myproject

6.npm install

7.npm run dev

到這裡簡單的vue專案目錄就搭建完成

構建生成的專案目錄如下:

在專案中使用vue我使用vue-cli腳手架搭建專案

1.先安裝nodejs

2.使用npm install -g vue-cli

npm install -g nrm

nrm ls(即可檢視npm 的源利器有哪些)

nrm use (切換npm的源利器)

3.vue --version 

4. vue init webpack myproject(

vue init 模板型別 專案名稱;

模板型別有很多種;使用vue list檢視

5. cd myproject

6.npm install

7.npm run dev

到這裡簡單的vue專案目錄就搭建完成

構建生成的專案目錄如下:

專案初始化 vue cli

一 輸入命令 vue init template name project name template name 有5種 webpack 常用 webpack browserfy browserfy project name 二 之後跟著提示輸入命令 porject name 專案名 盡量不要大寫 ...

VUE CLI初始化專案

用vue init命令來初始化專案,具體使用方法如下 vue init init 表示要用vue cli來初始化專案 表示模板名稱,vue cli官方提供的5種模板 webpack 乙個全面的webpack vue loader的模板,功能包括熱載入,linting,檢測和css擴充套件。webpa...

vue 初始化請求例子 Vue例項初始化

vue的建構函式new vue 一切都是從vue的建構函式開始的.當執行了npm run dev的構建過程就是執行這些初始化的過程,首先在node modules中找到vue原始碼,core檔案是對vue核心的包裝,入口檔案index.js,先從乙個建構函式開始,然後在vue的prototype上進...