如何快速初始化并开启一个vue项目(vue/cli)

要求如下:

  1. 安装vue脚手架
  2. 通过vue脚手架创建项目
  3. 配置组件库(用到Element-UI)
  4. 配置axios
  5. 初始化git,并托管

全局安装Vue cli 3

npm install -g @vue/cli

通过vue脚手架创建项目

vue ui

可以打开一个可视化面板
选好存储地址
填写git初始信息
手动配置,配置如下:Babel、Router、Linter/Formatter、使用配置文件(不同配置会单独存放)
下一步,关掉User history mode for router(因为使用hash更好)
选择ESLint+Standard config

配置组件

点击右侧插件:添加vue-cli-plugin-element 安装,配置import on demand(即按需引入模块)
点击右侧依赖:运行依赖->添加axios

托管码云

没有设置公钥或者报错可以参考我的git解决报错的文章,也可以系统学习git
自行创建码云仓库
本地提交,运行

git add
git commit - m "xxxx"

关联远程并提交

git remote add origin http......(复制仓库那里提供的即可)
git push -u origin master

最后对vue项目文件内不需要的进行删除清理即可。

发布了128 篇原创文章 · 获赞 52 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_44523860/article/details/104933675