51.webpack vue-cli建立項目

在上兩篇博文中已經安裝了node.js、webpack、vue-cli，安裝的版本爲：

今天經過這篇博文建立項目。

1.選擇路徑

首先經過命令行進入想要建立項目的路徑，例如：

經過e:命令進入盤幅，再通過cd命令進入文件夾。

2.建立項目

經過命令vue init webpack pm，其中pm爲你建立項目的項目名稱，在執行命令後vue-cli會下載模板，以後進行項目信息設置：

1.  
   設置項目名稱
2.  
   ? Project name pmtext
3.  
   設置項目描述
4.  
   ? Project description intracompany
5.  
   做者
6.  
   ? Author hys
7.  
   ? Vue build ( Use arrow keys)
8.  
   ? Vue build standalone
9.  
   設置路由
10.  
     ? Install vue-router? Yes
11.  
     
12.  
     ? Use ESLint to lint your code? No
13.  
    單元測試
14.  
     ? Set up unit tests Yes
15.  
    ? Pick a test runner jest
16.  
    ? Setup e2e tests with Nightwatch? Yes
17.  
    ? Should we run `npm install` for you after the project has been created? (recom
18.  
    ? Should we run `npm install` for you after the project has been created? (recom
19.  
    ? Should we run `npm install` for you after the project has been created? (recom
20.  
    ? Should we run `npm install` for you after the project has been created? (recom
21.  
     
22.  
    mended) no  （此處應該選擇no）
23.  
     
24.  
    vue-cli · Generated "pmtext".
25.  
     
26.  
    # Project initialization finished!
27.  
    # ========================
28.  
     
29.  
    To get started:
30.  
    提示下一步操做
31.  
    進入pmtext文件夾
32.  
     cd pmtext
33.  
    初始化項目
34.  
     npm install (or if using yarn: yarn)
35.  
    運行項目
36.  
     npm run dev

執行上面內容後即完成了項目的全部內容，按照連接便可打開項目。

bug

若是在執行：

vue init webpack pm 卡死，說明node.js的版本有問題，嘗試其餘穩定版，便可以解決此問題。

報錯：

1.  
   39365 error code ELIFECYCLE
2.  
   39366 error errno 1
3.  
   39367 error chromedriver@2.38.3 install: `node install.js`
4.  
   39367 error Exit status 1
5.  
   39368 error Failed at the chromedriver@2.38.3 install script.
6.  
   39368 error This is probably not a problem with npm. There is likely additional logging output above.

解決連接

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver