前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Mac Vue 创建项目

Mac Vue 创建项目

作者头像
赵哥窟
发布2022-03-23 14:07:58
4790
发布2022-03-23 14:07:58
举报
文章被收录于专栏:日常技术分享
1.安装Node

截屏2022-02-28 下午5.19.13.png

安装完成后,进入到命令行,输入node -v,显示node的版本即表示安装成功。

2.安装VUE-CLI
代码语言:javascript
复制
npm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功

代码语言:javascript
复制
vue list

截屏2022-02-28 下午5.23.57.png

3.创建项目

vue init webpack "项目名称"

截屏2022-02-28 下午5.32.26.png

代码语言:javascript
复制
Project name ==> 项目名称  自己输入;
Project description ==> 项目描述  自己输入;
Author ==> 项目作者  自己输入;
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
新版需要选择运行依赖安装方式选择第三个 方便不费时
Should we run `npm install` for you after the project has been created? (recommended)Yes, use NPMYes, use Yarn> No, I will handle that myself     
4. 安装项目依赖

切换到项目目录,执行

代码语言:javascript
复制
npm install 
5.运行项目

切换到项目目录,执行

代码语言:javascript
复制
npm run dev

成功

截屏2022-02-28 下午5.36.46.png

6.安装element-UI组件

切换到项目目录,执行

代码语言:javascript
复制
npm install element-ui -S
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022.02.28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.安装Node
  • 2.安装VUE-CLI
  • 3.创建项目
  • 4. 安装项目依赖
  • 5.运行项目
  • 6.安装element-UI组件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档