- vue2.0
1.vue - V 查看版本,如果出现版本号,之前已经安装过了。如果之前安装的版本是想要的版本,可以直接创建项目
2.npm uninstall vue-cli -g 如果之前安装了3.0的版本,现在想要安装2.0,先卸载安装过的版本
3.npm cache clean --force 如果卸载之后安装还是报错,清理缓存
4.npm install -g vue-cli 安装vue2.0脚手架
5.cd 目录名称 --跳转到目录下,方便找到新建的项目
6.vue init webpack my-vue 创建一个基于webpack的项目,my-vue是项目名可以更改
7.后面会出现一些选项:
Project name 项目名、
Project description项目描述、
Author项目作者、
Vue build 运行加编译,直接回车选择推荐的、
Install vue-router 是否安装的路由,可以直接安装,也可以之后在编写项目时安装
是否使用eslint等(后面的选项可以No)
8.cd my-vue 进入项目
9.npm install 安装依赖,安装完成之后,项目目录下会多出一个node_modules文件夹
10.npm run dev或者npm run start 运行项目,可以.在package.json文件中修改
11.可以在config--》index.js中修改端口号,运行时是否自动打开浏览器
12.提交git时,空文件夹会默认忽略,如果不希望空文件夹被忽略,就需要在文件夹下创建一个.gitkeep文件,此时文件夹就会被git版本控制
13.文件.eslintignore用来配置希望被忽略的文件
14.文件.gitignore用来配置git的忽略文件
15.index.html入口文件
- vue3.0
1..vue -V 查看vue的版本
2.如果已经安装了旧版本 npm uninstall vue-cli -g 先卸载旧版本
3.npm install -g @vue/cli 全局安装脚手架-----如果已经安装了就可以忽略这一步
4.vue create my-project 创建名为my-project的项目,名字可以改。先cd 跳转到某个文件夹下,这样方便找到新建的项目
5.cd my-project 进入到项目
6.npm run serve 启动项目---开发环境
7.npm run build 打包生成生产环境---运行这条命令,项目下会新增一个dist文件夹