一、准备:
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 即可运行项目
今天就先记录到这里把!!!