vue根目录是什么
vue根目录:
build 文件夹:用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库,或者配置一下 UI 库。
config 文件夹:主要存放配置文件,用于区分开发环境、线上环境的不同。 常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩、npm run build 命令打包生成静态资源的名称和路径等。
dist 文件夹:默认 npm run build 命令打包生成的静态资源文件,用于生产部署。
node_modules:存放npm命令下载的开发环境和生产环境的依赖包。
src: 存放项目源码及需要引用的资源文件。
src下assets:存放项目中需要用到的资源文件,css、js、images等。
src下componets:存放vue开发中一些公共组件:header.vue、footer.vue等。
vue文件怎么运行
vue文件怎么运行呢?下面就跟小编一起来看一看吧。
工具/原料
PC
方法/步骤
1、首先,列出来我们需要的东西: node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm npm的TB镜像
2、如果你是用vue-cli webpack builid之后,放到web服务器,访问index.html就可以运行了。
3、常见的web服务器有tomcat,nginx等。推荐使用nginx。
4、在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
5、 项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。END
注意事项
如果看不懂,请教专业人员。
Vue怎么安装
安装vue需要进行以下几个步骤:1. 在终端中输入命令行 npm install -g vue-cli 安装vue-cli
2. 在终端中输入命令行 vue init webpack my-project (my-project为你的项目名)来创建一个基本的vue项目
3. 进入到创建好的项目目录下,输入命令行 npm install 安装项目依赖
4. 输入命令行 npm run dev 启动项目
5. 在浏览器中输入 http://localhost:8080 访问项目解释这些步骤包括了下载vue-cli,创建并初始化一个基本vue项目,安装项目依赖和启动项目,这些步骤是安装vue的必要步骤,每一个步骤都有它的用途。
安装vue之后就可以开始开发vue应用了。
在开发过程中,可以通过命令行进行模块的添加和删除。
还没有评论,来说两句吧...