vue之cli(腳手架)的基本搭建

2021-09-19 16:48:33 字數 956 閱讀 5866

cli(腳手架,民間約定俗成的名字),官網並沒有個名字

1.作用

2.版本

cli2 cli3

3.安裝
調節工具優先順序為:npm配置yarn的國內**映象

yarn config set registry --global

yarn config set disturl --global

按順序在控制台執行一遍即可

npm install @vue/cli-init -g或使用yarn

yarn ad @vue/cli-init global

步驟:1. 先安裝cli3

2. 再安裝調節工具

3. 然後就可以隨意安裝cli2或cli3了

4. 安裝完成後控制台就可以使用vue命令

4.cli3的安裝

vue create project/ .

選擇你的專案中的webpack的一些配置項

babel

css-pre css預處理語言

less

sass

stylus

所選的配置是往 in dedicated config files(生成的單獨的配置性檔案) 還是往 package.json放 , 建議大家使用第乙個

目錄基本介紹

配置package.json的檔案列表

5. 安裝 cli2

進行問題的選擇

6. 安裝 cli2_******版本

7. 介面安裝cli3

使用:

8. 介紹cli3具體內容

Vue 框架 10 搭建腳手架 CLI

2.開啟終端或者 cmd 使用下面兩個命令進行測試 要求 node 版本 6.9.0 node v要求 npm 版本 3.10.0 npm vvue cli 官方文件 1.全域性安裝 vue cli,使用 npm install global vue cli然後它提示有乙個搬家了,也可以根據提示安裝...

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...