韶关网站建设公司,织梦wap模板自适应手机网站dedecms模板下载,双语言网站模版,百度企业信用信息查询Vue项目简介#xff1a;
Vue项目-创建#xff1a;
命令行#xff1a;vue create vue-project01
图形化界面#xff1a;vue ui
在命令行中切换到项目文件夹中#xff0c;然后执行vue ui命令。 只需要路由功能。这个路由功能#xff0c;开始不是很理解。 创建项目部保存…
Vue项目简介
Vue项目-创建
命令行vue create vue-project01
图形化界面vue ui
在命令行中切换到项目文件夹中然后执行vue ui命令。 只需要路由功能。这个路由功能开始不是很理解。 创建项目部保存预设。 项目就创建好了生成了好多文件夹。 然后使用VS Code打开文件夹
文件-打开窗口:
在新窗口中打开文件夹 Vue项目目录结构
基于Vue脚手架创建出来的工程有标准的目录结构如下
1node_modules : 整个项目的依赖包
2public存放项目的静态文件
3src 存放项目的源代码
4package.json: 维护基本信息项目开发所需要的模块版本信息 5vue.config.js: 保存vue的配置文件如代理、端口的配置等 在src目录下 assets静态资源
component可重用的组件
router路由配置
views视图组件页面 都是.vue结尾的文件
App.vue入口页面根组件
main.js: 入口js文件 我们对目录结构有了一个简单的认识。 Vue项目的启动 这样就访问到Vue项目。 热部署的功能 更新App.vue页面中的内容然后保存网页的内容发生变化这就是热部署的功能。 修改端口号的方法 将当前的8080端口进程ctrlc停掉然后再执行npm run serve命令启动进程 可见端口已经改成了7000端口。
