医院网站建设运行管理办法,怎么可以创建网站,自己做网站挂广告,做网页的软件有什么目录
1. 创建项目
2. 项目文件介绍
3. 项目的其它配置
3.1 项目运行时#xff0c;让浏览器自动打开
3.2 关闭eslint校验功能
3.3 src文件夹简写方法 1. 创建项目
vue create 项目名 2. 项目文件介绍
创建好的项目中包含如下文件#xff1a; #xff08;1#xff09…目录
1. 创建项目
2. 项目文件介绍
3. 项目的其它配置
3.1 项目运行时让浏览器自动打开
3.2 关闭eslint校验功能
3.3 src文件夹简写方法 1. 创建项目
vue create 项目名 2. 项目文件介绍
创建好的项目中包含如下文件 1node_modules存放项目所需依赖
2public一般放置静态资源如图片。注意放在public文件夹中的静态资源使用webpack进行打包的时候会原封不动打包到dist文件夹中而不会当做模块打包到js文件里。
3src存放代码的文件夹里面包含assets、components文件夹和App.vue、main.js文件 * assets文件夹一般放置多个组件共用的静态资源。注意存放在assets文件夹里面的静态资源在webpack打包的时候webpack会把静态资源当做一个模块打包JS文件里面。 * components文件夹一般放置的是非路由组件全局组件 * App.vue唯一的根组件 * main.js程序入口文件是整个程序当中最先执行的文件
4.gitignore上传git时用到的文件
5babel.config.js配置文件
6package.json文件可以认为是项目的身份证用于记录项目叫做什么、项目当中有哪些依赖、项目怎么运行。
7package-lock.json缓存文件
8REAMDE.md说明文件 3. 项目的其它配置
3.1 项目运行时让浏览器自动打开
先运行项目。在项目路径下输入如下命令
npm run serve
如果遇到如下报错 原因是版本不兼容引起的执行以下命令再执行npm run serve即可
set NODE_OPTIONS--openssl-legacy-provider
成功运行如下 但是此时浏览器不会自动打开需要我们手动在浏览器地址栏输入http://localhost:8080/
如果想自动打开浏览器需要在package.json中的第6行加上 --open即可 此时重新运行npm run serve就可以自动打开浏览器。 3.2 关闭eslint校验功能 eslint可以检测语法是否正确但是会出现申明一个变量没用也提示错误的情况因此可以关闭它。
关闭方法 在项目根目录下创建一个名字为vue.config.js的文件 在该文件中添加如下代码 module.exports {lintOnSave:false //关闭eslint
} 3.3 src文件夹简写方法
作用配置别名为让代表src文件夹这样将来文件过多找的时候就方便很多
步骤
在根目录下创建名字为jsconfig.json的文件 在该文件中添加如下代码 {compilerOptions: {baseUrl: ./,paths: {/*: [src/*]}},exclude: [node_modules,dist]
}
