Hubilderx 中新建Vue-cli项目

1572485317(1).jpg

在有nodejs的前提下

在终端写入
npm init -y

npm i jquery -S

npm i webpack-dev-server -D
多半数不会报错
写入
npm run serve
或者
点击运行中的
运行到终端 npm run serve

引用组件用vant 作为例子
npm i vant -S
npm i babel-plugin-import -D

在.babelrc文件中配置plugins

"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import", [{ "libraryName": "vant", "style": true }]]
]

main.js中
import Vant from 'vant';
import 'vant/lib/index.css';

Vue Hubilderx vue-cli
Hubilderx 中新建Vue-cli项目在有nodejs的前提下在终端写入npm init -y npm ...
（Vue全家桶）Vue-cli
Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架安装vue-cli 安装vue-cli的...
vue-cli框架结合bootstrap配置
一：安装vue-cli npm install -g vue-cli 二：新建vue-cli项目 vue init...
vue 学习第一节
全局安装vue-cli: cnpm install vue-cli -g 安装vue-cli之前要全局安装vue和...
Vue-cli基础
Vue-cli基础安装步骤 1、全局安装Vue-cli： npm install vue-cli -g 2、查看...
vue入门教程
Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目 ...
invalid Host header 错误
一、 Vue-CLI 2.0 二、Vue-CLI 3.0 以上
开发基于vue ui组件并发布到npm
安装vue-cli npm install vue-cli -g vue init webpack xxxui 新...
vue.js学习记录
一、vue-cli的使用方法安装vue ：** npm install vue** 安装vue-cli：npm ...
vue-cli 项目搭建（一）
vue-cli 简介 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建...