创建vue项目

用脚手架创建一个项目详细步骤如下:
首先安装node,点击官网直接下载
https://nodejs.org/zh-cn/
然后使用npm安装vue/cli,接着执行以下步骤
1.先打开cmd(在想创建的文件夹输入cmd)
在这里插入图片描述
2.在cmd中输入指令 vue create text(项目名称)
在这里插入图片描述
3.在这里选择配置文件,可以选择默认配置直接回车就好了,我选的是手动配置最后一个,前面几个是我之前创建好的,我会创建一个新的给大家一步步来!在这里插入图片描述
4.按下回车之后就会来到手动选择这一块在这里可以选择项目中用的东西,空格是选择,选好之后按下回车。
在这里插入图片描述Bable:JavaScript 编译器
Router:路由
Vuex:状态管理模式
CSS Pre-processors:css预处理器
Linter:可以做代码格式化

5.这里是问你是否选择histor,我们直接回车就行就会默认选择Y。
在这里插入图片描述
6.在这里看自己喜好选择,我选择的是Sass,选node-sass后面安装的时候可能会稍微慢点所以我们选择dart-sass然后回车。
在这里插入图片描述
7.这快就是选择代码检查工具,在这里随便选一个都可以,没什么规定 。
在这里插入图片描述
8.这快能我们两个都选上,选择下面这个的好处呢在以后提交代码的时候能自动修复。
在这里插入图片描述
9.这一步就是问你最终这么多文件是放在单独的一个文件中配置还是放在package.json文件中,在这里选哪一个都可以,我们就走默认的就可以直接回车选择第一个
在这里插入图片描述
10.最后一步就是把你之前的配置给他保存起来就是我第一张图上面的那个,将来呢利用这个我们就可以快速的创建项目,也可以不保存都是可以的,在这里选择Y的话会让你输入一个名字。回车之后就会安装东西,下次输入者个命令行的时候就会提示有着一个名字就可以直接选择。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下次在输入命令行的时候就会出现之前输入的名字,这样就很方便
在这里插入图片描述
最后打开这个项目输入命令行npm run serve就会运行这个项目。
在这里插入图片描述
浏览器中输入服务器端口号就会打开:http://localhost:8080/
如果是下面这个页面就说明下载成功了!!!
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值