1. 程式人生 > >Vue之搭建腳手架專案CLI

Vue之搭建腳手架專案CLI

在搭建腳手架之前我們需要安裝node.js和npm,

開啟dos命令

檢視node和npm版本

安裝全域性的Vue-cli

命令列:npm install --global vue-cli

進入的打算存放專案的資料夾下:

例如我的:E:\vue\project

vue init webpack 專案名

正在下載模板:

讓你輸入專案名:如果你的專案名全是小寫字母可以直接回車,或者需要重新起名也可以

這個讓你輸入專案的描述

輸入專案作者

第一次建立需要選擇安裝一些東西你可以全部選擇No

選擇完成之後正在安裝元件(需要一段時間)

安裝完成。

我們進入vue-demo

通過npm install安裝專案需要的模組。

安裝完成。

通過VScode開啟

g

我的第一個CLI專案:https://github.com/pengpengbhne/Vue

我們需要通過npm run dev 啟動:

 

在瀏覽器中訪問:

 

 

模組之間的傳值:https://blog.csdn.net/qq_35723619/article/details/83822793