搭建vue项目-vue2

配置新Mac环境-iOS开发

当前node、npm、vue版本

curtis@CurtisMacBook-Pro ~ % node -v
v14.20.1
curtis@CurtisMacBook-Pro ~ % npm -v
6.14.17
curtis@CurtisMacBook-Pro ~ % vue -V
@vue/cli 5.0.8
  1. 需要创建项目的目录下，终端输入: vue create [项目名称]
image.png
  1. 选择手动安装
image.png
  1. 根据自己需求选择
image.png
  1. 选择vue版本
image.png
  1. 是否使用history模式创建路由，推荐Y
image.png
  1. 选择预处理器
image.png
  1. 选择代码检查工具
image.png
  1. 选择代码检查时机
image.png
  1. 如何存放配置
image.png
  1. 是否将当前创建项目配置作为一个模板方便下次直接使用
image.png
image.png
  1. 创建完成
image.png

查看项目package.json配置:

image.png

默认serve 可修改为dev

image.png
image.png

参考: 手动搭建一个完整的vue2项目（超详细_完整步骤）

安装Element:

npm install element-ui -S

如果安装失败，将node_modules删除，再次执行安装命令

image.png

执行安装

yarn install

在main.js中配置:

import ElementUI from 'element-ui' // 引入element-ui
import 'element-ui/lib/theme-chalk/index.css' // 引入element-ui的css

Vue.use(ElementUI) // 使用elementUI
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容