vue專案建立(自用)

2021-10-23 02:39:06 字數 1215 閱讀 6271

官網:

npm install -g @vue/cli 或 yarn global add @vue/cli

3.安裝vue-cli包

npm install -g @vue/cli 或 yarn global add @vue/cli

4.建立vue專案(1)vue-cli2 初始化專案建立專案命令列…

vue init webpack 專案名 或 vue init webpack-****** 專案名

…選擇配置…

project name (my-project) # 專案名稱(我的專案) project description (a vue.js

project) # 專案描述乙個vue.js 專案 author 作者(你的名字) install vue-router? (y/n) #

是否安裝vue路由,也就是以後是spa(但頁面應用需要的模組) use eslint to lint your code? (y/n) #

使用 eslint 到你的**? (y [ yes ] / n [ no ]) pick an eslint preset (use

arrow keys) # 選擇乙個預置eslint(使用箭頭鍵) setup unit tests with karma + mocha?

(y/n) # 設定單元測karma + mocha? (y/ n) setup e2e tests with nightwatch?

(y/n) # 設定端到端測試,nightwatch? (y/ n)

專案執行…

npm run dev

(2)vue-cli3初始化專案建立專案命令列…

vue create 專案名

npm run serve

vue 建立vue專案

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

vue學習(自用)

filters vue.filter touc function input login div body 定義元件 var logincomponent vue.extend 註冊元件 vue.component login logincomponent var vm new vue script...

建立vue專案

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