当前位置:   article > 正文

vue-cli项目安装相关依赖包_vue cli 构建依赖图

vue cli 构建依赖图

一、用hbulider新建vue项目

在这里插入图片描述

不能使用npm run dev来运行项目,
因为在package.json中丢失了dev,强制运行会报错。
在这里插入图片描述
此时有两种做法是:

1.(不推荐):
npm run buid
npm run serve
  • 1
  • 2

若通过方法一运行,则每次均使用该命令,并且需要自己安装router等

npm run serve
  • 1
2. 安装webpack(一劳永逸)
vue init webpack -g
  • 1

二、通过vue-cli创建

vue init webpack vueCommonPro //vueCommonPro 为自定义名字
进入项目后,用命令npm i安装依赖

三、安装所需包(按需)

1.安装jquery
npm install --save-dev jquery
  • 1

引入jquery
在build -> webpack.base.conf.js中添加

//文件的最顶上添加
const webpack = require('webpack')

// node模块后面添加以下代码
  plugins:[
	  new webpack.ProvidePlugin({
		  $: "jquery&#
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/黑客灵魂/article/detail/784840
推荐阅读
相关标签
  

闽ICP备14008679号