在安装之前我们需要确保 Nodejs 的版本 >= 8.9 或更高版本 (推荐 8.11.0+)
安装 vue-cli3.x 用以下命令,-g 的意思是全局安装
cnpm install -g @vue/cli
安装完成后使用以下其中一条命令看是否安装成功
vue --version
// 或者用下面的命令也可以
vue -V
如果成功了会出现版本号
以下的命令语句比较关键,Vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。我们需要安装一个桥接工具才能使用 vue-cli 2.x创建项目
npm install -g @vue/cli-init
安装完成后我们用 vue-cli 2.x 创建一个项目
vue init webpack my-project
然后你会看到有需要选择或者输入的地方,如果不需要或不想填写可以一直按回车,然后等待项目构建完成。
完成后的目录如下:
然后使用以下命令进入 my-project 目录
cd my-project
最后运行项目了
npm run dev
运行成功后在浏览器打开以下网址
http://localhost:8080/#/
你将看到以下页面
如果显示正确证明创建项目成功
如有不对的地方或更好的方法请指出,感谢您的阅读