vue-cli搭建vue项目,以及常用JS插件

搭建vue-cli，安装分为五大步

1、安装node.js   

2、下载vue-cli脚手架 （–global：全局安装）

npm install --global vue-cli

3、生成项目，形成基本结构

vue init webpack test

#之后会有如下询问

? Project name (test) #回车

? Project description  #回车，也可以写点项目描述

? Author #回车，或者输入作者

? Vue build standalone #回车

? Install vue-router? (Y/n) #这里是官方推荐的路由，果断yes

? Use ESLint to lint your code? #No

? Set up unit tests #No

? Setup e2e tests with Nightwatch? #No

? Should we run `npm install` for you after the project has been created? (recommended)

> Yes, use NPM #可以按上下方向键选择，这里我选第一个NPM，按回车确认

  Yes, use Yarn

  No, I will handle that myself

#等待完成

4、安装依赖包

npm install

5、运行

npm run dev

安装jquery

打开packge.json，输入 "jquery": "^2.2.3"，保存

运行npm安装

npm install

打开webpack.base.conf.js文件

webpack = require("webpack") //加入这行

底部加入

在module.exports的最后加入下面代码

plugins: [
    new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"    })
]

在main.js 引入就ok了import $ from 'jquery'

import $ from 'jquery'

重新npm  run dev 即可

安装element UI

npm i element-ui -S

在main.js 引入相关文件

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

重新npm  run dev 即可

安装vuex

npm install vuex --save

vue-cli 中使用less

npm install less less-loader --sava-dev

使用

上一篇：MySQL 正则匹配字段替换内容

下一篇：vue2.0 + element UI 中 el-table 数据导出Excel