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 國外資源會被遮蔽,所以經常導致安裝失敗,所以建議大家安裝...