定制app开发卸载vuecli2安装vuecli3,创建vuecli3项目具体步骤

定制app开发管理员权限下执行

1,yarn使用

安装yarn npm install -g yarn

查看yarn版本 yarn -v

yarn安装vue yarn add vue

yarn安装固定vue版本 yarn add vue@3.0.0

yarn升级vue版本 yarn upgrade vue @3.2.2

yarn 移出vue yarn remove vue

yarn 定制app开发安装所有依赖 yarn install

2.yarn安装

定制app开发可以使用下列任一命令安装这个新的包:

yarn global add @vue/cli

你还可以用这个命令来检查其版本是否正确:

  1. vue --version
  2. 或者(大写的V)
  3. vue -V

3.安装脚手架vuecli3时卸载不掉vuecli2

运行卸载命令之后,报以下错误
   npm uninstall vue-cli -g--卸载

然后vue -V,版本号一直都在,说明没有卸载掉。

最终解决办法
执行全局卸载命令:

1.卸载全局 

 npm uninstall vue-cli -g

2.删调.npmrc文件:
npm config ls -l 可以查看文件位置:userconfig = “C:\Users\Administrator\.npmrc”

3.删调vue原始文件:

黑窗口运行命令:where vue,找到当前安装位置,找到文件,删掉

4.vue -V,提示vue非命令操作,说明已经2

5.安装新版:
npm install -g @vue/cli OR yarn global add @vue/cli

4.创建vue项目test-app

1.创建项目

 vue create test-app

2.选择Manually

指向的vuecli3是因为上一次记录过的cli3配置,第一次执行create是没有的
按键盘上下键可以选择默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了

3.选择配置,看个人项目需求
注意,空格键是选中与取消,A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

4.择3.x,回车

5.选择no,回车

 6.后面都默认回车,这个是询问是否创建一个新的项目

7.装好后,启动
cd my-project // 进入到项目根目录
npm run serve // 启动项目

具体操作图

 

进入项目后,创建界面快捷键 vbase-3-ts

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发