Vue中cli的建立方法

2021-09-29 02:29:11 字數 1400 閱讀 1190

vue命令的使用

1.使用cli3建立乙個專案

vue create 專案名稱

2.vue自動配置外掛程式

vue 自動配置外掛程式

3.使用gui進行vue專案的安裝

vue ui

4.使用cli2建立乙個專案

標準版: vue init webpack 專案名稱簡易版: vue init webpack-****** 專案名稱

0. nvm的安裝

概念管理node.js版本的工具,可以讓不同的專案使用不同的版本

安裝方式

使用github的安裝包,

檢視node版本

nvm ls

1.npm的安裝

概念npm(node package manager)是nodejs的包管理器,用於node外掛程式管理(包括安裝、解除安裝、管理依賴等

安裝方式

使用nvm進行安裝nvm use 版本號安裝node,安裝好就可以了

2.yarn的安裝

概念yarn 是類似於npm的乙個包管理器–facebook出版

優點1.yarn 可以保證我們專案中以來的版本的一致性 2.安全

安裝方式

$ npm i yarn -g

配置國內映象源:

$ yarn config set registry

基本使用命令

yarn add 外掛程式名yarn remove 外掛程式名yarn init

借助package.json安裝專案依賴

yarn

3.cnpm的安裝

cnpm跟npm用法完全一致,只是在執行命令時將npm改為cnpm

安裝並配置國內映象源:npm install -g cnpm --registry=

4.vue的cli安裝

概念vue自動構建專案的腳手架工具

yarn安裝

yarn add @vue/cli @vue/cli-init global cli全域性安裝

cnpm安裝

cnpm i @vue/cli @vue/cli-init -g

檢驗安裝是否成功

命令列 輸入 $vue,有輸出命令提示,證明安裝成功

使用cli建立專案

1.cli3版本的建立–2種方式

​ 步驟1:vue create 專案名稱

​ 步驟2:選擇手動配置,下面的第二個

步驟4:選擇css的語言配置

vue 安裝cli3 0版本,建立專案

注意 vue cli需要 node.js 版本8.9或更高版本 建議使用8.11.0 檢視node版本 node v 檢視npm 版本 npm v,1.首先需要安裝node.js環境 2.如果在vue cli全域性安裝了以前的 1.x或2.x 軟體包,則需要先使用npm uninstall vue ...

vue中元件的建立

三種建立方法 注意 1.模板template中只能有乙個根節點 2.元件的名字,如果採用駝峰命名的話,如myname,那麼在使用的時候只能只用my name1.vue.extend結合vue.component建立 index a div vue.extend 函式會返回乙個元件的構造器,它裡面包含...

vue 新專案建立方法

安裝成功後,開啟命令列,輸入 node v 檢查版本,如果出現如下圖,則表示安裝成功。接下來就是用 npm包管理器 建立專案了。npm 是隨同 nodejs 一起安裝的包管理工具,命令列輸入 npm v 來檢查npm版本,如下圖 有些 npm 國外資源會被遮蔽,所以經常導致安裝失敗,所以建議大家安裝...