vscode新建vue项目
选择自己电脑可以使用的命令,博主这边使用的是第二个。
·
一、全局安装脚手架
在终端中输入命令:
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 为启动项目命令
更多推荐
所有评论(0)