搭建一个vue项目

搭建vue脚手架2.0

1、电脑里新建文件夹，用vscode打开文件夹
2、用vscode打开终端, 通过 npm uninstall -g @vue/cli 卸载vue-cli3.0的包(3.0和2.0是不一样滴，避免冲突，先卸载3.0)
3、npm install -g vue-cli  全局安装vue-cli2.0的包
4、vue --version 检查一下版本，是否安装成功
5、vue init webpack new-project 创建新的项目    vue init webpack 项目名
(ps:此行代码执行后会有各种询问，记得 "Use ESLint to lint your code? "严格模式选择no。其他询问随意)
6、cd new-project,然后npm install,再然后 npm run dev 启动项目，开始享用吧

搭建vue脚手架3.0(提个醒：以下是vue3.0以上的搭建方式)

1、电脑里新建文件夹，用vscode打开文件夹
(ps:vue3.0以上版本，Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。所以要先卸载旧版本，再安装新的)
2、用vscode打开终端, 通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli  卸载以前的旧版本vue-cli2.0(如果电脑以前安装过的话)
3、npm install -g @vue/cli 或 yarn global add @vue/cli   全局安装vue-cli3.0的包
4、vue --version检查一下版本，是否安装成功
5、vue create new-project   创建新的项目     vue create 项目名
6、cd new-project ,然后npm install,再然后 yarn serve 或 npm run serve启动项目，开始享用吧

ps：vscode记得安装插件Vetur，以使得vue代码高亮显示

更详细步骤请见vue.js官网：https://cli.vuejs.org/zh/guide/installation.html

vue3.0新特性

1、以前添加插件包是通过npm install plugin的方式。现在可通过vue add plug直接添加插件包，且这种方式添加后,vue会给你做自动适配。

转载于:https://www.cnblogs.com/huihuihero/p/11418541.html