vue项目创建步骤

2023年12月26日 13:46 by wst

vue

---

现在vue分不同版本，主要是2和3。但是我们怎么从零搭建一个vue2项目呢？

步骤一

下载安装node，然会他会自动安装npm，然后通过npm安装vue。

1. 安装node，到官网下载版本16的安装包，18版本以上的node是不兼容vue2的。

2. 安装vue, 先设置下源，然后再安装。

# 设置安装源
npm config set registry http://registry.npm.taobao.org
# 安装vue
npm install -g @vue/cli

步骤二

创建vue2项目

vue create manniu

然后在接下来的步骤中选择vue2项目，然后根据自己的情况依次进行每一步的选择。

错误处理

1. 在步骤一中安装vue，如果出现安装失败的情况，可以强制再装一遍：

npm install -g @vue/cli --force

3. 如果出现网络错误，就再安装一次。

总结

1. 常规的难点：对于不同版本的vue, 该怎么选择node的版本，这里的建议是：

vue2 -- node16

vue3 -- node18

2. 如果因为网络安装失败，则切换更优的网再安装。

---