Vue CLI 脚手架安装方法以及初始化项目特别慢的解决方法

Vue CLI 安装方法

1、前提
安装Vue CLI的前提是已经安装好了NodeJS和全局Webpack,两者的安装方法见我之前的博客:
《webpack安装配置相关问题》https://blog.csdn.net/Jelly_11/article/details/113069185

2、安装Vue CLI3版本
打开电脑的cmd,输入命令

npm install -g @vue/cli@3.2.1

如果安装速度特别慢,可以采用淘宝NPM镜像,采用cnpm命令代替npm:

npm install -g  cnpm --registry.npm.taobao.org

安装好cnpm后,我们可以用cnpm来安装Vue CLI3,速度将会非常快:

cnpm install -g @vue/cli@3.2.1

3、拉取Vue CLI2模板
有时我们想用Vue CLI2版本来初始化项目,这时需要安装完Vue CLI3版本后,拉取2.x模板:

cnpm install -g @vue/cli-init

4、Vue CLI初始化项目
Vue CLI2:

vue init webpack projectname

Vue CLI3:

vue create projectname

我在VS code的终端输入命令报错,这时需要在前面加上npx,即:

npx vue init webpack projectname

5、创建项目特别慢的解决方法
如果创建的速度特别慢,我们需要修改npm的源,换成淘宝镜像,输入以下命令即可:

npm config set registry https://registry.npm.taobao.org

然后在执行初始化项目的命令即可。

你可能感兴趣的:(前端开发)