首先创建一个空的目录。然后命令行进入该目录 执行 npm install -g @vue/cli
安装完成后输入 vue --version 如果安装成功则会显示vuecli的版本号
可是如果我的电脑会报错
E:\python_web\nvm\nvm\node_modules\@vue\node_modules\opn\index.js:59
const wslToWindowsPath = async path => {
^^^^
SyntaxError: Unexpected identifier
at Object.exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:513:28)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (E:\python_web\nvm\nvm\node_modules\@vue\node_modules\opn\index.js:59)
使用nvm list 查看你目前使用的nvm版本,我一开始就是由于使用了6.4.0而报的错。如果版本太低则会报这个错误。
如果只有一个低版本可以通过 npm install latest来更新最新的版本,然后使用nvm use 版本号来更换。
注意! 更换完成后再使用nvm list 来查看是否更换了版本。如果还是显示之前的旧版本,则是下载了新版本但是没有使用。
此时要查看下你的环境变量path 是不是之前配置npm环境变量的时候把路径写死了。我之前写的是E:\python_web\nvm\nvm\v6.4.0 因此就算我使用npm use 也更改不了版本号。
修改环境变量之后命令行进入到这个新版本的目录下,再次执行npm install -g @vue/cli
最后再使用vue --version查看是否完成。
然后使用 vue create vue-demo(项目名) 来创建项目。
输入这条命令后它会让你提示选择默认安装还是人工安装 使用箭头选择default就行。
我在这一步时会报错,然后用管理员身份重开cmd进入该目录重新来一次就可以了。
然后cd进入刚刚创建的项目,最后输入npm run serve开启服务即可。
最后可以通过127.0.01:8081访问得到
踩坑的路上有你同在!祝您成功!