1.vue如何新建一个项目

新年好,猪事顺利(^U^)ノ~YO

1.安装node

首先确保已安装了node,安装步骤略。可以使用 " node -v " 查看;再者,node安装成功后会将npm(包管理工具)自动添加至系统的环境变量。输入命令“npm -v”查看

1.vue如何新建一个项目

2.全局安装vue-cli

在命令行使用命令 “npm install --global vue-cli” ,即可安装

1.vue如何新建一个项目

 

3.创建一个基于webpack模板的新项目

使用命令“vue init webpack my-project”  my-project是你项目的名字。我的是Travel故用Travel

1.vue如何新建一个项目

这里可能会有个问题:vue init webpack XX vue不是内部命令也不是外部命令

解决:配置系统环境变量

1.找到vue.cmd的位置,我的是:E:\Web\nodejs\node_global

2.添加系统环境变量Path即可

 

接下来就开始配置

1.vue如何新建一个项目

看到这个说明配置成功

1.vue如何新建一个项目

接下来,启动它

1.vue如何新建一个项目

在浏览器中打开这个地址

1.vue如何新建一个项目

成功

1.vue如何新建一个项目