Vue项目搭建流程

发布于:2023-01-23 ⋅ 阅读:(780) ⋅ 点赞:(0)

一、准备:

vue2.0环境搭建

1、官网下载并安装node

2、vue脚手架cli的安装

cnpm i -g vue @vue/cli

3、通过vue -V查看是否安装成功

 如图所示:出现版本号说明安装成功。

二、搭建vue项目

1、进入到项目存放目录下执行以下命令开始创建项目h5

vue create h5

2、 创建完成后会出现项目功能选择项

如图:

3、在这里我们选择手动选择功能项(Manually select features )

回车确定出现功能选择配置页:

上下键移动按空格选择,一定不要按回车,这样就进入下一步了

 我们按空格选择Router和vuex和下面的css预处理器,我们暂时先把Linter这个关闭掉

4、回车后进入选择vue版本页

 在这里我们选择vue2的版本 回车确认

5、路由是否选择history模式,这里我们选择y 回车

 6、这一步选择css预处理器,我就选择一个less

此处忘了截图了,

7、配置项选择第一个默认配置项

 8、这一步是否给项目加预设名,我们选择Y,然后输入 ' vueH5',按回车 

9、出现此页说明创建成功进入到项目目录执行 npm run serve 即可运行项目

今天就先记录到这里把!!! 


网站公告

今日签到

点亮在社区的每一天
去签到