目录
一. 搭建一个 vue 项目的完整步骤
二. 卸载 vue-cli
三. 完全卸载 webpack
一. 搭建一个 vue 项目的完整步骤
1. 安装 node.JS
下载地址 https://nodejs.org/en/
- # 检查是否安装成功
- node -v
- NPM -v
2. 为了提高下载效率, 可以使用淘宝镜像
- # 淘宝镜像
- NPM install -g cnpm -registry=https://registry.npm.taobao.org
- # 检查是否安装成功
- cnpm -v
3. 安装 webpack 打包工具
webpack 中文文档 https://www.webpackjs.com/guides/installation/
NPM install webpack webpack-cli -g
4. 安装 vue-cli 脚手架
- # 全局安装最新版本
- NPM install -g @vue/cli
- # 检查版本
- vue -V
5. 创建 vue 项目
# 命令:
vue create 项目名
- # 1. Please pick a preset:
- Manually select features
- # 2. check the features needed for your project:
- Babel Router Linter/Formatter
- # 3. Use history mode for router?(Y/n)?
- n
- # 4. Pick a linter/formatter config:
- ESLint with error prevention only
- # 5. Pick additional lint features:
- Lint on save
- # 6. Where do you prefer placing config for Babel,PostCSS,ESLint,etc.?
- In package.JSON
- # 7. Save this as a preset for feature projects?(y/N)
- y
- # 8. Save preset as:
- my_vue
注意: 或者直接使用图形化界面创建 vue 项目
vue ui
然后根据页面提示创建项目.
6. 安装 axios
- # 1. cd 到项目目录下
- # 2. 执行以下命令
- NPM install axios --save
7. 安装 element-ui
- # 1. cd 到项目目录下
- # 2. 执行以下指令
- NPM i element-ui --save
二. 卸载 vue-cli
- # 全局安装:
- NPM install vue-cli -g
- # 全局卸载:
- NPM uninstall vue-cli -g
- # 查看 vue 版本:
- vue -V
- # 或者:
- vue --version
三. 完全卸载 webpack
- # 在全局下安装:
- NPM install webpack -g
- # 新版本的的 webpack 需要搭配 webpack-cli 一起安装:
- NPM install webpack webpack-cli -g
- # 安装指定版本:
- NPM install webpack@<version> -g
- # 例如:
- NPM install webpack@3.4.1 -g
- # 在全局下删除:
- NPM uninstall webpack -g
来源: http://www.bubuko.com/infodetail-2930277.html