點點滴滴Vue cli 一 專案搭建

2022-03-06 08:56:21 字數 1298 閱讀 1926

一、 安裝 node.js

安裝完畢後在cmd 鍵入node -v 和 npm -v 出現對應的版本號即表示安裝成功

二、安裝**映象

由於國內網路原因,推薦實用**映象來安裝vue-cli的依賴,如果有網路fq條件的可以直接使用npm install -g vue-cli,兩種方式出現的結果是一樣的(有fq條件在後續的命令中都可以使用npm代替cnpm)

在cmd鍵入:npm install -g cnpm --registry=即可成功安裝**映象

安裝完成之後cnpm -v檢視**映象是否安裝成功

安裝 vue-cli

在cmd 中鍵入:cnpm install -g vue-cli

安裝完畢之後鍵入:vue -v檢視版本是否安裝成功(這裡需要注意的是大v)

完成上面三步說明本地已經具備安裝vue-cli的環境了

四、vue-cli專案搭建

開啟vscode,選擇開啟資料夾來選擇專案的存放位置,這裡選擇的是myvueproject

在vscode 終端中輸入:vue init webpack vue-project,這裡使用webpack 來進行專案的打包, 在終端中依次輸入對應的資訊。這裡推薦一起安裝unit test和e2e,後面有機會會在這個序列文章講解unit test和e2e

填寫完畢之後使用cnpm install安裝專案間的依賴,安裝完成之後 執行npm dev 即可執行專案

今天就先介紹到這裡了,下一章將講解專案中每個目錄和檔案在專案中扮演的角色

js點點滴滴 一

1.break和continue搭配標籤使用 以前只知道break能夠跳出迴圈,continue是結束本次迴圈,其實,break和continue還有一種不同的使用方法 搭配標籤使用,即break 標籤名 continue 標籤名 先來寫乙個結束本次迴圈的demo var arr new array...

vue cli入門(一) 專案搭建

vue cli作為一款mvvm框架語言 vue 的腳手架,整合了webpack環境及主要依賴,對於專案的搭建 打包 維護管理等都非常方便快捷。在開始專案之前,建議先熟悉vue.js基本語法。1.安裝node.js 檢驗是否安裝成功,在cmd輸入命令 node v,回車 及 npm v,回車,如出現下...

Vue cli入門(一) 專案搭建

vue cli入門 一 專案搭建 前言 vue cli是一款基於vue的專案腳手架工具,其整合了webpack環境和主要的依賴,對於我們的專案搭建 開發 打包 維護管理等都是非常的方便。主要內容 1 node.js安裝和配置環境 2 構建vue cli專案模板 安裝node.js本地環境 2 檢驗是...