1. 程式人生 > >記錄一下程式碼小白第一次搭建vue專案

記錄一下程式碼小白第一次搭建vue專案

準備:
1.下載並安裝 node.js
下載地址:https://nodejs.org/en/download/
配置環境變數path:把node安裝地址加入path
檢視node版本:node -v

注:若出現版本及安裝成功

2.npm/cnpm
基於node.js,利用淘寶npm映象安裝相關依賴npm(cnpm):
npm install -g cnpm –registry=https://registry.npm.taobao.org

3.webpack
cnpm install webpack -g
安裝失敗解決辦法:
1)首先npm uninstall webpack -g (全域性解除安裝)
2)全域性安裝 cnpm install -g

[email protected]

4.vue-cli
cnpm install -g vue-cli
vue不是內部命令解決辦法:
1)確保vue成功安裝
2)配置環境變數:npm的安裝路徑(檢視npm預設安裝路徑:npm config get prefix)
3)輸入vue -V出現版本資訊就成功了

5.開始構建專案:vue init webpack my-project
報錯處理:

1)下載模板
在https://github.com/vuejs-templates/
下載webpack-simple 或 webpack

2)解壓zip,放置資料夾
把解壓出的資料夾放在
C:\Users\Administrator\.vue-templates

3.離線執行vue init
到你的project的資料夾,執行
vue init webpack project --offline
或
vue init webpack-simple project --offline