vue项目搭建(分vue-cli2和vue-cli3+)

vue项目搭建(分vue-cli2和vue-cli3+)

一、安装node环境

1、下载链接：https://nodejs.org/en/

2、检查node环境是否安装成功：node -v

3、检查npm版本：npm -v

二、提高效率，使用淘宝镜像

1、npm install -g cnpm --registry=https://registry.npm.taobao.org

2、用到npm的地方直接用cnpm来代替

三、vue-cli安装和卸载

1、vue-cli2：

安装：npm install -g vue-cli 或 cnpm install -g vue-cli

卸载：npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli

2、vue-cli3：

安装：npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号

卸载：npm uninstall -g @vue/cli@版本号 或 cnpm uninstall -g @vue/cli@版本号

3、vue-cli4：

安装：npm install -g @vue/cli 或 cnpm install -g @vue/cli

卸载：npm uninstall -g @vue/cli 或 cnpm uninstall -g @vue/cli

四、创建项目

1、vue-cli2：

vue init webpack itemname（项目名称只能是小写字母）

2、vue-cli3和vue-cli4

vue create itemname