先配置环境。
1、vsCode软件、node.js软件安装好了
2、脚手架vue-cli也安装配置好了,可以帮助我们快速配置项目
安装vue-cli脚手架的命令:
npm install -g vue-cli
打开VScode的终端,调出命令输入框。点击终端-新建终端,输入上述命令,回车,等待安装完成。
3、安装完成之后就可以开始创建vue项目,首先创建一个文件夹用来存放你的项目,用vscode打开对应的文件夹,并在vsCode终端cd到创建的文件夹。然后使用初始化项目指令。
vue init webpack my-project
接着会出现一些配置项,可以根据需要配置,也可以默认,直接按回车,回车后,然后是设置一些参数,根据需求来。
4、接着运行项目,先cd到项目文件夹,cd myvue,然后输入以下指令
npm run dev
cnpm、npm别忘记装