VUE安装

https://cn.vuejs.org

https://cn.vuejs.org/v2/api/

1.安装nodejs及Git;

2.安装脚手架 >npm install -g vue-cli 
              npm install -g @vue/cli   //V3.0 

npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm ERR! errno UNABLE_TO_VERIFY_LEAF_SIGNATURE
npm ERR! request to https://registry.npmjs.org/vue-cli failed, reason: unable to verify the first certificate
报以上错误,请执行:npm config set strict-ssl false


  >vue       --可以看到命令用户
  >vue list  --可以看到初始化项目的模板,一般选择webpack

3.初始化项目

auavue>npm install -g @vue/cli-init   //cli4新增的

auavue> vue init webpack auavue   e:/>vue init webpack auavue
            
   3.1 要求输入项目名、项目描述、作者、ES6风格Y
   3.2 Standart  ---选择标准模板即可
       AirBNB
       none
   3.4 Setup unit tests with Karma+Mocha? N,我们自己测试;
   3.5 Setup e2e tests with Nightwatch?  N

4.确认生成项目及模板
   》dir   或 》ls  即有auavue目录存在

5.安装相关依赖
  >cd auavue
  >npm install   //成功之后,会多一个node_modules目录,超大,V4.0不再需要这个指令了,除非需要指定加载组件

6.启动开发环境,需要进入到具体build、node_modules、src这级目录运行方可启动
  >npm run dev
  cd auavue 
  npm run server //v3
  npm run build  //cle v3
  http://localhost:8080

7.awesome图标库使用(需要进入到具体build、node_modules、src这级目录)
  cd e:\dev\auavue
  npm install vue-awesome  //node_modules\vue-awesome查看是否有文件夹
  http://fontawesome.dashgame.com/   图标名称

8.更新相关包

 8.1、在package.json文件dependencies中增加;

 8.2、CMD切换到项目相应的目录中,也就是文件package.json所在目录中,运行npm install即可安装或更新相应组件 

8.3  Ant Design Pro相关项

npm install ant-design-vue --save
npm install --save core-js@3


npm install --save core-js@^3

命令来升级npm:                         npm install npm -g 
nrm安装,首先安装npm:            npm install -g nrm
执行命令nrm ls查看可选的镜像:   nrm ls
切换到taobao源,执行命令:        nrm use taobao

使用npm安装yarm指令:             npm install -g yarn
查看版本yarm指令:                  yarn --version

Ant Design Pro 学习一 安装
1.直接 clone git 仓库
$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git auapro
$ cd auapro
2.命令行工具安装
cmd> npm install ant-design-pro-cli -g
cmd> mkdir auapro && cd auapro
cmd> pro new       # 安装脚手架

3.安装依赖
cmd>npm install 
cmd>npm --registry https://registry.npm.taobao.org install express  #临时使用淘宝镜像 安装依赖
cmd>npm config set registry https://registry.npm.taobao.org    #长期使用 安装依赖

4.启动 Ant Design Pro 
auapro>npm start

9.定制平台请联系QQ:695308920  VX:auasoft

10.VSCode相关插件:https://github.com/varHarrie/varharrie.github.io/issues/10

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值