vue-cli3项目创建

创建项目（图形界面方式）

vue-cil2的创建看主页 有详细教程

若想使用vue的UI界面来创建项目，需将vue cli升级到 3.0以上的版本。
【删除旧的2.x vue版本】

Npm uninstall vue-cli –global 2.x

【下载vue最新版 3.x】

npm i -g @vue/cli

或者
cnpm install -g @vue/cli

【删除旧的3.x vue版本】

npm uninstall -g @vue/cli

附备注：
Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆

npm install -g @vue/cli-init
升级并兼容２# vue init 的运行效果将会跟 vue-cli@2.x 相同
vue init webpack my-project

https://cli.vuejs.org/zh/guide/creating-a-project.html#%E6%8B%89%E5%8F%96-2-x-%E6%A8%A1%E6%9D%BF-%E6%97%A7%E7%89%88%E6%9C%AC

◆运行以下命令来创建一个新项目：

vue create hello-world

选择其中的选项

https://www.cnblogs.com/yingzi1028/p/11851178.html

【打开ui界面】

vue ui

点击创建项目

选择默认即可。

等待创建项目。命令行会自动执行创建操作。

创建完毕。

其余操作同上，此处不再重复。

项目文件结构如下：

查看package.json，
可以使用

npm run serve

来启动项目、或

npm run build

来打包项目。


运行起来后，

附：卸载vue-cli 3.0

npm install -g @vue/cli npm uninstall -g @vue/cli
2.0
npm uninstall vue-cli -g

卸载webpack

https://blog.csdn.net/wg8ofk08/article/details/94621569?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param