Vue環境搭建並建立乙個專案

2021-09-13 18:07:14 字數 596 閱讀 2767

1、解除安裝vue-cli2安裝vue-cli3的解除安裝指令

npm uninstall vue-cli -goryarn global remove vue-cli

2、環境準備

第一步npm安裝:

第二步使用**npm映象(我好像沒用):

$  npm  install  -g  cnpm  --registry=

這樣就可以使用cnpm 命令來安裝模組了如果不安裝,使用npm命令。

第三步安裝vue-cli:

全域性安裝vue-cli:cnpm install vue-cli -g

3、建立vue專案

客戶端建立:命令列輸入  vue ui

4、啟動專案

npm 潤serve

5、編譯並打包乙個生產版本

npm run build
6、執行測試(前提是要寫好測試指令碼)

npm run test

7、執行**監測    

npm run lint

vue環境搭建,vue專案建立

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...

Vue安裝並建立乙個簡單專案

安裝完之後cmd 下輸入 node v檢視是否安裝成功。cmd下輸入命令 npm v如果低於3.0版本需要進行公升級 公升級方法 在cmd命令下cd到nodejs安裝目錄,然後輸入以下命令 npm update npm這裡要等待一下。更新完成後再使用 npm v檢查一下版本 cnpm是 的乙個映象,...

vue 乙個前端專案的完整環境搭建

前提 已安裝好node.js和vue cli 1 搭建專案 vue init webpack 專案名稱 2 安裝依賴 把用到的先安裝上 3.在src assets新建less資料夾,其下新建公共樣式檔案base.less,以下僅供參考 html body,html a ul ol li s,i,em...