安装脚手架及之中的sass及jquery

安装脚手架基于node.js和vue 没有装node.js先去装node.js 我以下文章就有

node.js和vue安装教程

这里直接开始

一 安装脚手架方法

在终端直接输入以下命令

npm install -g @vue/cli  //此命令及以下命令支持3X
vue  create projectname
npm install -g @vue/cli-init //这个方法可以指定那个编辑器（模板） 支持vue2X
vue init webpack (项目名字)

二 安装sass方法

1安装

npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

2 配置：在build文件夹下的webpack.base.conf.js中的rules里添加如下配置

{
    test:/\.sass$/,
    loaders :['style',‘css’,'sass']
}

第二步骤可以不用写 直接在你需要用sass的vue模块中的<style>标签中 加入lang="scss" 即可 方法如下

<style lang="scss">

</style>

三 在vue中如何引入jquery插件

1安装

npm install jquery --save-dev

2 在webpack.base.config.js中添加以下配置

const webpack = require("webpack")
pluguns:[
    new webpack.Providem({
     $:"jquery",
     jQuery:'jquery',
     'window.jQuery':'jquery'
    })
]

加入以上配置之后 在项目中使用“$”发现还是会报错 ---eslint 报错

eslint 认为没有声明 需要在eslintre.js中加入globals配置

globals:{
    ‘$’:false,
    'jquery':false
}

可以按需引入 也可以全局引入

按需引入

import $ from "jquery"

全局引入

暂无