准备工作
1.下载并安装Node.js,安装完成后可以在命令行输入node -v来查看Node.js版本号;
2.安装Vue-CLI,可以通过npm install -g @vue/cli来安装;
创建项目
1.在本地文件夹中,创建一个新的Vue项目,可以使用vue create命令,如vue create my-project;
2.在控制台中,会出现一些选项,可以根据自己的需求进行选择;
3.输入y,确认创建项目;
安装依赖
1.进入项目文件夹,可以使用cd my-project命令;
2.安装项目所需要的依赖,可以使用npm install命令;
3.如果需要安装更多的依赖,可以使用npm install [package name]命令;
启动项目
1.在项目文件夹中,可以使用npm run serve命令;
2.等待控制台提示项目启动完成;
3.访问http://localhost:8080,可以看到项目已经启动;
编写代码
1.在src文件夹中,打开App.vue,可以看到一个简单的Vue项目;
2.根据自己的需求,编写Vue代码,可以使用template、script和style标签;
3.保存代码,可以看到页面会自动更新;
打包项目
1.在项目文件夹中,可以使用npm run build命令;
2.等待控制台提示项目打包完成;
3.在dist文件夹中,可以看到打包好的文件;