1.先安装node,然后安装vue:
npm install vue -g
报这个错误时,需要搜索命令提示符,然后用管理员身份运行
2.如果安装超时,则配置一下国内的源
查看源
npm config get registry
更换为淘宝源
npm config set registry https://registry.npmmirror.com
3.安装webpack模板
npm install webpack -g
此外,在webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli
npm install webpack-cli -g
输入 webpack -v,能输出版本号就说明都安装好了。
安装脚手架vue-cli
npm install vue-cli -g
输入vue --version,能输出版本号就说明安装好了。
安装vue-router
npm install vue-router -g
4.然后使用:vue create web_project
创建vue项目时报错
vue create web_project
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
You may want to run the following to upgrade to Vue CLI 3:
npm uninstall -g vue-cli
npm install -g @vue/cli
首先,卸载旧的 vue-cli:
npm uninstall -g vue-cli
然后,全局安装新的 @vue/cli:
npm install -g @vue/cli
再次执行创建项目命令:
vue create web_project
创建完成: