Vue命令

前提

必须提前安装好nodejs，并且希望nodejs的版本在16.x以上更好。因为有些依赖库依赖更高的nodejs版本。

而如果你的电脑是win7，那么nodejs貌似只能安装到14.x版本吧，像这个14.x的nodejs就不能用vite3。

创建vue项目的几种方式

由于各种webpack、vite的不同，加上vue2和vue3也有所不同，导致创建vue项目的命令有好几种。

 

# 无论是vue init 还是vue create都是vue/cli结合webpack那一套搭建的脚手架用于开发和编译部署

# 升级vue-cli了，现在叫做vue/cli
    npm uninstall -g vue-cli
    npm install -g @vue/cli
# 安装（指定版本）
        npm install -g @vue/cli@4.5.14   


# ------- 通过vue init 创建vue2项目 -------
# 此时我用的vue-cli的版本是2.9.6，这还算是低版本的，我们可以通过下面的命令创建vue2的项目
vue init webpack project_name 


# ------- 通过vue create 创建vue2/3项目 -------
# 我升级后，vue/cli:5.0.8，可以通过vue create命令来创建vue2和vue3的项目了
# 具体的创建命令：
    vue create project_name      # 然后回车选择创建的是vue2还是vue3




# 后来随着vue3的成熟，vue官网开始推vue3+vite这一套，导致创建项目的命令又有所不同了
现在官方推荐使用 create-vue 来创建基于 Vite 的新项目


# ------- 通过create-vue来创建vue2/3项目 ------- 
# 具体的创建命令，参考：https://github.com/vuejs/create-vue
    npm create vue@2  project_name
    npm create vue@3  project_name


# ------- 通过vite直接创建vue项目 ------- 
# 也可以用vite来创建vue3项目:https://cn.vitejs.dev/guide/
    npm create vite@latest
    yarn create vite




npm:
如果想要更新npm到最新版，可以执行命令：sudo npm install npm@latest -g
npm淘宝源，以后基于npm安装包就会快了（相当于豆瓣的pip源） npm config set registry https://registry.npm.taobao.org


yarn:
sudo npm install -g yarn
yarn create vite

yarn add element-plus

npm install -g 包名              # 安装模块   -g表示全局安装，如果没有-g，则表示在当前项目安装
npm list                        # 查看当前目录下已安装的node包
npm view 包名 engines            # 查看包所依赖的Node的版本 
npm outdated                    # 检查包是否已经过时，命令会列出所有已过时的包
npm update 包名                  # 更新node包
npm uninstall 包名               # 卸载node包
npm 命令 -h                      # 查看指定命令的帮助文档