vue之使用webpack创建项目并使用elemntui

1.安装node.js(如果已经安装了的可以直接进行后面几步    )

官网:http://nodejs.cn/

2.检查node.js是否安装完成

检查命令:npm -v   node -v 

3.vue-cli脚手架的安装

  3.1  安装淘宝镜像使用cnpm  

安装命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

  3.1  安装vue-cli

  npm install vue-cli -g  / cnpm install vue-cli -g

4.创建项目  

  vue init webpack 项目名

4.创建项目  


输入完命名遇到这个回车
一直回车到这儿,这是问我们要不要安装路由router,这里我们需要所以选y,继续回车
这是问我们需不需要安装ellint检查js代码、需不需要单元测试,这里我门不需要所以选n回车(可以根据自己需求来更改)
这里是问我们是否需要安装 依赖包,我在这里选择第一个,回车静等安装完成
到这里vue项目安装成功

5.cd  项目名

6.npm run dev


------------------------------------------------------------------------使用element的方法-------------------------------------------

1.在项目中安装elementui

npm i element-ui -S  / cnpm i element-ui -S

2.在main.js中全局引入


你可能感兴趣的:(vue之使用webpack创建项目并使用elemntui)