前端vue开发，安装与使用全程步骤 - 包引用element组件

前言：下载好node.js安装
下载地址：https://nodejs.org/en/download/ ，选择合适自己的版本下载即可，下载完成后进行安装
1.安装项目组件node_modules
打开cmd命令行，输入

//如果nodejs是安装在其他盘中，就需要进入noderjs目录使用
npm install -g cnpm 

（注）2选1：可以使用淘宝镜像安装会快些，在http://npm.taobao.org/有安装说明，

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.安装vue

cnpm install –g vue-cli

没问题后就已安装完成
3.开始创建vue项目
vue init webpack 项目名称

vue init webpack mydemo         # =》创建自己的项目

----------------------------------

? Project name （你的项目名）                        # => 项目名称
? Project description A Vue.js project          # => 项目描述
? Author malun <malun666@126.com>               # => 作者
? Vue build standalone                          # => 是否支持单文件组件
? Use ESLint to lint your code? Yes             # => 是否支持ESLint代码校验
? Pick an ESLint preset Standard                # => 校验的标准是什么？
? Setup unit tests with Karma + Mocha? Yes      # => 是否使用单元测试
? Setup e2e tests with Nightwatch? Yes          # => 是否使用e2e测试

进入项目文件字节npm run dev 启动项目即可，看到一下界面证明—成功，


接下来应用一些大众的组件 – 我选element
1.借助VScode打开项目

按照element官方文档的配置说明得出：
我们只需要2步即可
1.先给项安装组件

npm i element-ui -S

接着在main.js 添加三行代码即可直接vue页面使用

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

另外vscode没有校验vue，js语法插件需要手动下载 ESLint，JavaScript


成功引入element，很简单吧，博主也是刚接触vue，java出生，之只会Query+div+css，有幸在工作中遇到前端大神提点学习一些vue技术