1

1.完全卸载vue-cli :
-: sudo npm uninstall vue-cli -g
2.完全卸载vue:
-: sudo npm uninstall vue-g
这样可以排出后面创建项目因为版本不一致报错:

Error:
Vue packages version mismatch:

  • vue@2.5.21 (/usr/local/lib/node_modules/vue/dist/vue.runtime.common.js)
  • vue-template-compiler@2.6.10 (/usr/local/lib/node_modules/@vue/cli/node_modules/vue-template-compiler/package.json)

3.全局安装@vue/cli:
-:sudo npm install -g @vue/cli
-:vue --version

@vue/cli 4.0.4

4:安装vue sever全局扩展
-: npm install -g @vue/cli-service-global

开始搬砖
https://cli.vuejs.org/zh/guide/creating-a-project.html

5:创建项目并启动
-:vue create hello-world
-:cd hello-word
-:npm run serve
6:当然,也可以图形化创建vue-cli
-:vue ui
image.png

访问:http://localhost:8080/
貌似去掉了头疼的‘#’
image.png


浅醉千年
54 声望1 粉丝