一、准备,全局安装npm,已安装则跳过此步骤
- 在node.js官网下载:https://nodejs.org/en/download/ ,安装;
- 在终端查看是否安装成功:npm -v
- 安装淘宝镜像cnpm:npm i -g cnpm --registry=https://registry.npm.taobao.org
二、创建vue3.0项目
- 安装脚手架vue-cli3.0: cnpm i @vue/cli -g
- 创建项目:vue create my-vue
注意:在步骤2中可能会报错:vue 不是命令之内的,原因是没有配置nodejs的全局环境,点击链接按照方法配置,重新打开终端进行创建就OK,亲测有效:https://www.cnblogs.com/stella1024/p/9228316.html
3.创建项目
三、创建vue2.0项目
- 安装脚手架vue-cli2.0: cnpm install -g vue-cli
-
安装webpack: cnpm install webpack -g
-
创建项目:
vue init webpack my-vue(项目文件夹名) 回车之后等一会之后会要求输入一些项目信息
Project name ----项目名称,使用英文
Project description ----项目描述,可写可不写
Author Datura ----项目创建者,可写可不写
Vue build ----直接回车
Install vue-router? (Y/n) Y ----是否安装Vue路由,我选择的是
Use ESLint to lint your code? (Y/n) n ----是否启用eslint检测,我选择no
Set up unit tests? (Y/n) n ----是否建立单元测试,我选择no
Setup e2e tests with Nightwatch? (Y/n) Y---设置e2e测试 我选择的是
四、安装项目依赖项
- 一定要从官方仓库安装,npm 服务器在国外所以这一步安装速度会很慢。
安装命令: npm install / npm i
- 不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)
安装命令: cnpm install / cnpm i
五、运行项目
1.vue2.0 : npm run dev
2.vue 3.0 : npm run serve
六、项目打包
npm run build