Vue.js项目中使用element

方式/步骤

1. 1

   在已经安装了nodejs的机械上，利用号令提醒符进行vue项目建立，号令为

   vue init webpack vue-project

   如下图所示：

   
2. 2

   继续执行号令

   cd vue-project

   npm run dev

   编译完当作后，提醒应用程序已经运行在某个端口上，如下图所示：

   
3. 3

   经由过程拜候地址，可以看到一个vue的项目框架就已经搭建好了，如下图所示：

   
4. 4

   我们在号令行中输入code . 来利用Visual Studio Code打开该vue项目，如下图所示：

   
5. 5

   在建立好Vue项目中，经由过程npm的体例安装element-ui，它可以或许更好地和

   webpack打包东西共同利用，我们在VS Code中打开终端，输入号令

   npm i element-ui -S

   ，如下图所示：

   
6. 6

   打开src/main.js，经由过程import引入element-ui组件及样式文件，并添加到全局Vue实例中，如下图所示：

   
7. 7

   我们点窜components/HelloWorld.vue文件，可以利用<el-button>控件，代码如下图所示：

   
8. 8

   在终端上利用 npm run dev 运行页面，然后经由过程浏览器拜候vue项目标地址，结果如下图所示：