本文共 3332 字，大约阅读时间需要 11 分钟。

Vue-cli���������������������������������

1. ������Vue-cli

������������������������Vue-cli��������������� Vue-cli2������������������������

npm install vue-cli -g

������Vue-cli3���4��������������������������������������� vue@cli ������������

npm install -g vue@cli

2. ������������

������������������������������������������������������������������������

������ Vue-cli2���

vue init webpack 2.0project

������ Vue-cli3/4���

vue create 3.0project

������������ UI ���������������

vue ui

3. ������������

������ Vue-cli2���

������������������������������������������������

npm run dev

������ Vue-cli3/4���

������������������������

npm run serve

4. ������������

������������������������������������������

Vue-cli2 ���������

|-- build             // ������������������������������webpack���������
|   |-- build.js      // ������������������������
|   |-- utils.js      // ������������������
|   |-- webpack*.conf.js // webpack������������
|   |-- ...
|-- src               // ������������
|   |-- components     // ������������
|   |-- router         // ������������
|   |-- App.vue        // ������������
|   |-- main.js        // ���������������������������������������
|-- static            // ������������������������Json������
|-- .babelrc          // ES6������������
|-- .editorconfig     // ������������������
|-- .gitignore        // ������������
|-- ...
|-- config           // ������������������
|   |-- dev.env.js     // ������������������
|   |-- index.js      // ������������������
|-- package.json     // ���������������������������������

Vue-cli3/4 ���������

|-- src                           // ������������
|   |-- components                  // ������������
|   |-- router                      // ������������
|   |-- App.vue                     // ������������
|   |-- main.js                     // ���������������������������������������
|-- public                       // ������������������������Json������
|   |-- favicon.ico                // ������������
|   |-- index.html                  // ������������
|-- vue.config.js                  // ���������������������������������
|-- .babelrc                       // ES6������������
|-- .editorconfig                  // ������������������
|-- .gitignore                     // ���������������Git���
|-- .postcsssrc                    // PostCSS ������
|-- README.md                      // ������������
|-- package.json                  // ������������������������������

������������������

• Vue-cli3/4 ��������� config���build ��� static ��������������������������������� public ��������������������������� public ������������
• ������������������������������������������������������������������������������������������������

5. ������������

• ��������������������� ��������������������������������������������� public ������������ src/assets���������������������������������������������������
• ��������������� ������ .editorconfig ������������������������������������������������������
• ��������������� ��������������� package.json ������������������������������������
• ��������������� ������ README.md ������������������������������������������������������������������������������������������

6. ���������������

���������������������������������������������������������������������������������������������������������������������������������������������������������������