第一步:安装node.js
1.node.js的安装不用多说,如果图省事,可以通过腾讯电脑管家的软件管理搜索node.js下载并安装,博主亲测有用。
2.安装后使用windows键+R键,输入cmd运行命令提示符,输入node -v 可查看当前node的版本,vue-cli需要8.11以上的node版本。
第二步:全局安装wepack
1.全局安装webpack命令:npm install webpack@3.6.0(版本号) -g
第二步:全局安装vue-cli3
1.vue-cli3的安装命令:npm install @vue/cli@3.2.1(指定的vue-cli版本) -g。
注:
①想安装vue-cli3一定要指定版本,如果不指定版本,则默认下载的是vue-cli4。
②3.2.1是博主使用的vue-cli的版本。
第三步:通过vue-cli3创建vue项目
①在指定的文件下创建vue项目
②在指定的文件下输入cmd并运行,打开的命令提示符默认路径便是该文件
③vue-cli3创建vue项目命令:vue create 项目名
注:项目名中不能有大写
第四步:vue项目创建中的选择和首次运行
选择一:这里我们选default(默认)
运行vue项目:
vue项目安装好后,通过命令提示符将路径指定到创建的vue项目中,输入npm run serve后,在片刻等待后,会显示下图信息。
在浏览器中输入localhost:8080即可,若浏览器出现该界面,则vue项目创建成功!
注:如果问题,小伙伴们可留言,博主会耐心的帮你们解决的。