vue 建立專案 create和init

2022-05-20 16:18:45 字數 554 閱讀 7761

vue init是vue-cli2.x的初始化方式,可以使用github上面的一些模板來初始化專案,webpack是官方推薦的標準模板名。

示例:vue init webpack myproject

cli2的專案詳解:

vue create是vue-cli3.x的初始化方式,目前模板是固定的,模板選項可自由配置,建立出來的是vue-cli3的專案,與cue-cli2專案結構不同,配置方法不同,具體配置方法參考官方文件。

示例:在專案資料夾中輸入命令vue create myproject

詳情見:

1.首先建立乙個vue-cli3專案。

2.找到package.json檔案

3.找到配置項『scripts』

4.找到配置項『serve』

5.修改下,加個字段 「serve」: 「vue-cli-service serve --open」

遷移:vue-cli2.x專案向3.x遷移只需要把static目錄複製到public目錄下,老專案的src目錄覆蓋3.x的src目錄(如果修改了配置,可以檢視文件,用cli3的方法進行配置)

Vue 建立函式create

下面函式,在建立通知元件的時候被呼叫,不在自己的例項中使用,但是在body元素的下面。方法1 import vue from vue 建立函式接收要建立元件定義 function create component,props 執行掛載函式,但未指定掛載目標,表示只執行初始化工作 mount 將生成d...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

建立vue專案

總結官方的建立vue專案 1.安裝vue.js執行環境nodejs,可用 映象安裝,會比較快,建議安裝c盤,安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本,命令是 cnpm v3.安裝全域性腳手架,命令是 cnpm install g vue cl...