一、全局安装脚手架

在终端中输入命令:

cnpm i -g @vue/cli 或 npm i -g @vue/cli

选择自己电脑可以使用的命令,博主这边使用的是第二个

二、创建项目并配置

1.创建一个空的文件夹用来放置项目

2.在终端中使用cd指令跳转到这个文件夹

3.输入创建项目命令

vue create test_1012   //test_1012为项目名称

4.配置项目流程

注意:上下箭头表示选择,回车键表示确认

(1)选择手动配置项目

(2)选择需要安装的插件(按空格表示勾选)

(3)选择vue版本

(4)选择路由模式是否为history,y表示是,n表示hash,此处选择n

(5)选择使用的css预处理器,博主选择的是第一种

(6)选择编码规则,初学者建议和博主选择一致

(7)检测时间选择每次保存时检测

(8)选择如何存放配置

(9)是否保存本次配置(保存的话之后就可以直接使用),选择y

(10)为本次配置保存时取名(随便取,只要是英文就可以)

(11)配置完成

其中 cd test_1012 为切换到文件夹,npm run serve 为启动项目命令

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐