搭建vue腳手架 vue cil

2021-09-02 00:20:36 字數 1229 閱讀 4209

準備工具:node webpack

1、node的安裝  

node的安裝包從官網獲取,安裝是很簡單的,我目前是已經安裝過的  window+r  然後輸入 cmd  可以到達命令列頁面

輸入 node -v  (注意node後有空格)可以獲得當前的node版本號

npm的全稱:node package manager.(node包管理器),是node的包的乙個管理工具

2)公升級安裝包  npm update

3)解除安裝安裝包  npm uninstall/rm

由於npm的資源有限制,所以還需要安裝**的npm映象--cnpm

cnpm是乙個完整npmjs.org映象,你可以用此代替官方版本(唯讀),同步頻率目前為10分鐘一次以保證盡量與官方服務同步。

可以參照**cnpm**進行安裝

或者直接輸入 

$ npm install -g cnpm --registry=
等待安裝完成  輸入 cnpm -v  可以檢視當前cnpm版本號

2、接下來就是安裝vue了

在命令列 輸入 

cnpm install vue
3、安裝 vue-cil腳手架構建工具

cnpm install --global vue-cli
4、安裝基於webpack的專案

更改目錄到想安裝的位址然後初始化乙個專案,有如下兩種方法

vue init webpack my-project  //初始化乙個專案
vue init webpack-****** my-project  //初始化乙個簡單專案
執行初始化命令的時候會讓使用者輸入幾個問題的選擇,可以根據自己意願自己選擇,嫌麻煩的話可以直接回車選擇預設選項

需要注意的是 專案名稱不是是大寫,否則會報錯

5、剛開始的專案是沒有依賴的  直接 npm run dev 是會報err的

所以首先應該

cnpm install
6、待依賴安裝完成後,執行專案 

搭建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...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境 1 開啟cmd命令視窗,切換到你要新建專案的資料夾下,此時可使用node v檢查node的版本,如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...