vue移动端框架搭建
一、安装各种包(-S表示项目需要,-D表示开发需要)
1.安装node.js , 安装git 使用git bash命令工具
2.安装cnpm cnpm的速度比npm快
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装脚手架:
cnpm install @vue/cli -g
4.创建项目:
vue create vue-study(项目名字)
cd vue-study 进入项目,在启动服务器
5.启动项目:进入项目目录,执行 npm run serve,启动一个本地开发服务器
(建议在package.json文件夹中的"scripts"配置"start":"npm run serve")
这样就能在不同的框架中使用同一个名称启动不同的项目。
关闭服务 ctrl+c
6.安装各种插件:
Element (组件)
cnpm i element-ui -S
vant (组件)
有赞出品
Vant,是一个专注于移动的Vue UI组件库
cnpm install vant -S
cnpm install babel-plugin-import -D
配置babel.config.js 需要重启服务
plugins: [
['import', {
libraryName: 'vant',
library