一、全局安装脚手架

在终端中输入命令:

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

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐