首页天道酬勤vue目录命名,vue目录结构

vue目录命名,vue目录结构

张世龙 05-05 19:01 65次浏览

目录解析目录/文件说明build项目生成(webpack )相关代码config配置目录、端口号等。 我们可以让初学者使用默认的东西。 由node_modulesnpm加载的项目相关模块src这里是我们要开发的目录,基本上要做的一切都在这个目录中。 包含几个目录和文件。

assets:放置了徽标等图像。 components:目录包含组件文件,您可以不用它。 App.vue:项目门户文件。 也可以不使用components目录而直接将组件写在这里。 main.js:项目的核心文件。 静态静态静态资源目录,如照片、字体等。 test初始测试目录、可删除. xxxx文件这些是语法配置、git配置等配置文件。 这是index.html首页的门户文件。 可以添加元信息、统计代码等。 package.json项目配置文件。 自述. MD项目文档,markdown格式

新建VUE项目:

2 .全局安装2.Vue-cli。 vue-CLI有助于快速构建vue项目

npm install -g vue-cli

3 .安装web包,这是一个打包js的工具

NPM安装- g网络包

4 .安装完成后,可以开始创建vue项目

vue init webpack firstedtestvue

运行后,按照提示输入名称,其他回车默认为install vue-router,选择“是”下的几个选项“否”,回车等待下载完成

PS :

vue init webpack系统禁止运行脚本135170 vue init webpack my-project时显示

系统禁止执行脚本。 有关详细信息,请参阅https :/go.Microsoft.com/fwlink /? LinkID=135170的about_E

xecution_Policies。

解决方案:管理员只需打开powershell,运行设置执行策略远程监控并选择y

vue工程结构,vue项目实战