网站建设套模,查询网站建设,华为网站推广策略,公司网站建设合同书vue-cli脚手架初始化项目
首先#xff0c;页面上新建一个文件夹。然后打开命令端口 vue create app 选择Default ([Vue 2] babel, eslint) 然后把项目拖拽到vscode中。项目目录看一下 脚手架项目的目录 node_modules:放置项目依赖的地方 public:一般放置一些共用的静态资源页面上新建一个文件夹。然后打开命令端口 vue create app 选择Default ([Vue 2] babel, eslint) 然后把项目拖拽到vscode中。项目目录看一下 脚手架项目的目录 node_modules:放置项目依赖的地方 public:一般放置一些共用的静态资源打包上线的时候public文件夹里面资源原封不动打包到dist文件夹里面 src程序员源代码文件夹
assets文件夹经常放置一些静态资源图片assets文件夹里面资源webpack会进行打包为一个模块js文件夹里面
components文件夹:一般放置非路由组件或者项目共用的组件 App.vue 唯一的根组件 main.js 入口文件【程序最先执行的文件】 babel.config.js:babel配置文件 package.json看到项目描述、项目依赖、项目运行指令 README.md:项目说明文件
项目的其他配置
脚手架下载下来的项目稍微配置一下
浏览器自动打开
在package.json文件中
scripts: {serve: vue-cli-service serve --open,build: vue-cli-service build,lint: vue-cli-service lint},
就是加一个open确实自动打开了
关闭eslint校验工具
创建vue.config.js文件需要对外暴露
module.exports {lintOnSave:false,
} src文件夹的别名的设置
因为项目大的时候src源代码文件夹里面目录会很多找文件不方便设置src文件夹的别名的好处找文件会方便一些
代表的是src文件夹这样将来文件过多找的时候方便很多
创建jsconfig.json文件
{compilerOptions: {baseUrl: ./,paths: {/*: [src/*]}},exclude: [node_modules,dist]
} 新版本已经帮我们配置好了
