vue2 0 安裝及專案搭建(一)

2022-07-22 03:48:05 字數 829 閱讀 6945

基本環境安裝

2、測試npm版本:命令列-------npm -v;

3、安裝**映象:

在命令列裡輸入**:npm install -g cnpm --registry=

測試**映象是否安裝成功:命令列-------cnpm -v

4、安裝vue:

npm install vue

測試(注意,這裡最後乙個是大寫v):vue -v

5、安裝vue-cli腳手架:

npm install vue-cli -g

6、安裝webpack:

npm install webpack -g

7、安裝less(現在的專案都用less或者sass啦,別犯懶,安裝吧~~)

npm install -g less

專案搭建

1、使用命令vue init webpack vue-demo搭建vue專案, 「vue-demo」 是專案名稱。

2、初始化完成後,cd vue-demo,啟動專案: npm run dev

可以修改埠號:config>index.js

Vue2 0基礎 vue cli搭建專案

webpack是乙個module bundler 模組打包工具 其可以相容各種js書寫規範,且可以處理模組間的依賴關係,具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布,其官方主頁用下面這張圖來說明webbpack的作用。在講課的時候講解過webpack,並且從零開始使用...

搭建Vue2 0開發環境

1 必須要安裝nodejs 2 搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 3 建立專案 必須cd到對應的乙個專案裡面 vue init webpac...

vue 2 0 的專案配置

vue 2.0 的專案配置 1 vue腳手架指的是vue cli,它是乙個專門為單頁面應用快速搭建繁雜的腳手架,它可以輕鬆的建立新的應用程式而且可用於自動生成vue和webpack的專案模板 2 搭建步驟 全域性安裝 cnpm install vue cli g vue v 檢測版本 例項化乙個專案...