vue+element ui从另零开始写项目(一)

本文详细介绍了使用Vue进行项目开发的前置步骤,包括验证Node.js和Vue CLI的安装,通过命令行创建项目,选择所需组件,设置预编译语言等。作者选择了Vue版本、Sass和ESLint,并演示了如何启动项目。最后,展示了项目启动后的页面效果。
摘要由CSDN通过智能技术生成

vue写项目的前置条件,安装node.js,安装vue-cli脚手架,配置环境变量,编辑工具这些我就不说了,我们直接进入主题。

查看有没有安装成功直接window+R输入cmd敲击回车,输入命令npm -v   node -v查看安装的版本

然后找个文件在文件路径里输入cmd打开弹窗,输入vue创建项目命令vue create app(这里我懒得起名字,就叫app好了)

开始创建项目

 

我喜欢自己选择所需的组件,所以直接最后一个,接着选择你要的组件,像vue-router,vuex之类的 

接着下面选择vue版本 

后面直接y就ok 

然后选择预编译语言,我喜欢sass,还有eslint语法检查 

下面直接ok 

 

 

 环境配置在package里面,会生成package.json

项目名称

项目开始创建

创建好项目了,然后cd app 进入文件内部,输入npm run serve,

好,项目启动成功

这是项目启动起来的样子 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值