Vue2.X项目的搭建以及引入Element-UI组件化开发

一:cmd命令进入全局创建的页面

      1 执行命令 cnpm install -g @vue/cli

  安装旧版本命令:

      2 执行命令 cnpm install -g @vue/cli-imt

    桌面新建文件 用Vscode打开

     3 Shift键用powershell建立 执行命令 vue init webpack (项目名字) 

      

           Project name(项目名称):回车
           Project description(项目介绍):回车
           Vue build(是否安装编译器):回车
           install vue-router(是否安装Vue路由):y 回车
           Use ESLint to lint your code(是否使用ESLint检查js代码):n 回车
           Set up unit tests(安装单元测试工具):n 回车
           Setup e2e tests with Nightwatch(是否安装端到端测试工具):n 回车

           Should we run npm install for you after the project has been created? (recommended):回车。

 

二: 在vue项目中加载使用element-UI的操作方法

         vscode终端安装依赖包 : cnpm i element-ui -s

         在Vue项目中main.js文件中引入资源

         导入组件库 :import ElementUI from 'element-ui'

         导入组件相关样式: import 'element-ui/lib/theme-chalk/index.css'

          配置Vue插件: Vue.use(ElementUI)

          Vue2.X项目的搭建以及引入Element-UI组件化开发

 

上一篇:Vue2生命周期钩子函数


下一篇:Sublime Text编辑器快捷键