Vue2项目创建Vue2项目创建在VS code中我们找到一个文件,右键,找到在集成终端中打开,点击打开进入终端输入

Vue2项目创建

在VS code中我们找到一个文件,右键,找到在集成终端中打开,点击打开进入终端

输入指令:vue create 项目名字,回车配置项目(可能会有点慢),选中第三个手动自定义创建(通过上下键进行选择,回车键确定进入下一个配置项) 空格选择,回车进入下一个配置项

选择那个版本(这里选择vue2)

是否使用历史路由输入Y回车

选择样式回车，选中第一个回车

语法标准选择第一个，出现问题报错

什么时候检验代码，第一个保存的时候，第二个时刻检验

配置文件放在哪里，第一个放在文件里，第二个放在json文件里面

是否保存设置，保存下次再次创建不用重新配置

搭建成功之后cd 项目名进入项目目录，npm run serve运行项目指令(这不唯一,得在package.json文件中查看运行名称,下图运行就是npm run dev)

安装失败解决办法: 卸载之后重新安装，如果还是失败，可能是npm有缓存，清理一下npm缓存，指令：npm cache clean –f。如果还是失败，可能是vscode默认不允许执行安装的插件，重新设置即可，设置执行：set-ExecutionPolicy RemoteSigned

1 项目创建完成之后，在项目的里面新建终端/cmd，注意一定是在根目录下，运行项目，运行项目的指令是什么：npm run 指令，注意每个项目运行的指令可能不一样，所以要到package.json文件中去看

2 项目文件的介绍：

node_modules：项目的依赖，项目中用到的所有插件。框架都在这个文件夹下。注意这个node_modules不要打包发给别人，其次上传到git仓库的时候不要把他传上去。所以当别人拉取代码的时候，需要安装以下环境依赖，项目的框架：npm i/npm install
dist目录：当你去执行npm run build的时候，会自动生成文件夹，这个文件夹里面所有的内容都是项目压缩后的文件。注意必须放到服务器环境中才能运行，本地环境不行。

**项目开发完了要将开发的代码发给甲方，或者有不会的问别人发项目的时候发的是开发版本非压缩版本。当后端跟你说发布到线上服务器，那么发给后端的文件是dist文件

- assets：静态资源目录，放全局的css，js，图片
- commponents：放公共组件的，可以复用的组件
- router：配置路由，给组件配置一个路径，用来点击的时候跳转并显示这个组件
- views：存放组件，非公共组件，比较大的组件，不能重复利用的组件
- App.vue：整个项目中最大的组件，所有的组件都在App.vue中显示
- main.js:项目的入口，项目中所有的组件都会加载这个js文件
- - 1 放置项目中经常会用到的插件或者框架
- - 2 存储全局变量
vue.config.js:项目的配置文件，配置跨域代理，项目的端口号等
README.md:项目的说明文档
package.json:基础配置文件，存储记录了项目中所有用到的框架/插件，还可以修改运行命令
package-lock.json:项目的详细配置文件，里面存储了所有用到的框架/插件以及插件中的插件，框架中的框架，没什么卵用，有的时候必须删掉才能安装环境依赖，因为这个文件是根据你当前电脑的node版本生成的，一般不删除在自己电脑上生产的这个文件，别人生成的删掉就可以了
jsconfig.json:vscode配置文件，开发者可以在vscode中获取代码提示，自动补全代码
babel.config.js:配置文件，允许你在这个项目中可以使用es6以下版本的js
gitignore:可以配置上传仓库的时候过滤文件/文件夹

组件：vue项目中只有一个html，所以vue又称之为单页面开发，我们跳转的不是页面是组件，所谓的组件就是页面的功能模块，我们可以把一个页面中的每个功能单独拿出来，重复使用，多页面开发指的是一个项目有多个html，比如我们之前做的js项目